雷火电竞-中国电竞赛事及体育赛事平台

歡迎來到入門教程網(wǎng)!

CSS/HTML

當前位置:主頁 > 網(wǎng)頁制作 > CSS/HTML >

HTML中禁用表單控件的兩種方法readonly與disabled

來源:本站原創(chuàng)|時間:2020-01-10|欄目:CSS/HTML|點擊:

在網(wǎng)頁的制作過程中,我們會經(jīng)常使用到表單。但是有時候我們會希望表單上的控件是不可修改的,比如在修改密碼的網(wǎng)頁中,顯示用戶名的文本框就應(yīng)該是不可修改狀態(tài)的。

在html中有兩種禁用的方法,他們分別是:

1.給控件標簽加上readonly='readonly'屬性
2.給控件標簽加上disabled='disabled'屬性

舉例: 


復制代碼
代碼如下:

<input type="text" value="只讀的" readonly="readonly" />
<input type="text" value="不可用的" disabled="disabled" />


舉例中的兩個控件都是不可修改的。但是他們也有一些區(qū)別!

從字面意思我們可以知道,試用readonly屬性的控件是"只讀"的,而試用disabled是"被禁用"的。那么他們的區(qū)別是什么呢?

只讀的控件(使用了readonly屬性的控件)是用戶不可以用鼠標和鍵盤修改其值的,但是程序員可以用javascript來修改,當提交表單的時候這個控件的名和值會提交到服務(wù)器,也就是說對服務(wù)器是可見的。

而被禁用的控件(使用了disabled屬性的控件)不但用戶不可以用鼠標和鍵盤修改,而且是對服務(wù)器不可見的,即提交表單的時候其名和值不會提交到服務(wù)器,當然,程序員也可以用javascript來修改其值。

這就是他們的區(qū)別,知道了區(qū)別之后咱們就應(yīng)該知道什么時候使用哪種方法了,切不可盲目!

上一篇:HTML 中的 dl(dt,dd)、ul(li)、ol(li) 使用方法

欄    目:CSS/HTML

下一篇:html借助marquee實現(xiàn)文字左右滾動

本文標題:HTML中禁用表單控件的兩種方法readonly與disabled

本文地址:http://www.jygsgssxh.com/a1/CSS_HTML/9728.html

網(wǎng)頁制作CMS教程網(wǎng)絡(luò)編程軟件編程腳本語言數(shù)據(jù)庫服務(wù)器

如果侵犯了您的權(quán)利,請與我們聯(lián)系,我們將在24小時內(nèi)進行處理、任何非本站因素導致的法律后果,本站均不負任何責任。

聯(lián)系QQ:835971066 | 郵箱:835971066#qq.com(#換成@)

Copyright © 2002-2020 腳本教程網(wǎng) 版權(quán)所有