HTML中禁用表單控件的兩種方法readonly與disabled
發(fā)布時(shí)間:2014-08-24 15:16:11 作者:佚名
我要評論

有時(shí)候我們會希望表單上的控件是不可修改的,比如在修改密碼的網(wǎng)頁中,顯示用戶名的文本框就應(yīng)該是不可修改狀態(tài)的,下面與大家分享下禁用表中控件的兩種方法
在網(wǎng)頁的制作過程中,我們會經(jīng)常使用到表單。但是有時(shí)候我們會希望表單上的控件是不可修改的,比如在修改密碼的網(wǎng)頁中,顯示用戶名的文本框就應(yīng)該是不可修改狀態(tài)的。
在html中有兩種禁用的方法,他們分別是:
1.給控件標(biāo)簽加上readonly='readonly'屬性
2.給控件標(biāo)簽加上disabled='disabled'屬性
舉例:
<input type="text" value="只讀的" readonly="readonly" />
<input type="text" value="不可用的" disabled="disabled" />
舉例中的兩個(gè)控件都是不可修改的。但是他們也有一些區(qū)別!
從字面意思我們可以知道,試用readonly屬性的控件是"只讀"的,而試用disabled是"被禁用"的。那么他們的區(qū)別是什么呢?
只讀的控件(使用了readonly屬性的控件)是用戶不可以用鼠標(biāo)和鍵盤修改其值的,但是程序員可以用javascript來修改,當(dāng)提交表單的時(shí)候這個(gè)控件的名和值會提交到服務(wù)器,也就是說對服務(wù)器是可見的。
而被禁用的控件(使用了disabled屬性的控件)不但用戶不可以用鼠標(biāo)和鍵盤修改,而且是對服務(wù)器不可見的,即提交表單的時(shí)候其名和值不會提交到服務(wù)器,當(dāng)然,程序員也可以用javascript來修改其值。
這就是他們的區(qū)別,知道了區(qū)別之后咱們就應(yīng)該知道什么時(shí)候使用哪種方法了,切不可盲目!
在html中有兩種禁用的方法,他們分別是:
1.給控件標(biāo)簽加上readonly='readonly'屬性
2.給控件標(biāo)簽加上disabled='disabled'屬性
舉例:
復(fù)制代碼
代碼如下:<input type="text" value="只讀的" readonly="readonly" />
<input type="text" value="不可用的" disabled="disabled" />
舉例中的兩個(gè)控件都是不可修改的。但是他們也有一些區(qū)別!
從字面意思我們可以知道,試用readonly屬性的控件是"只讀"的,而試用disabled是"被禁用"的。那么他們的區(qū)別是什么呢?
只讀的控件(使用了readonly屬性的控件)是用戶不可以用鼠標(biāo)和鍵盤修改其值的,但是程序員可以用javascript來修改,當(dāng)提交表單的時(shí)候這個(gè)控件的名和值會提交到服務(wù)器,也就是說對服務(wù)器是可見的。
而被禁用的控件(使用了disabled屬性的控件)不但用戶不可以用鼠標(biāo)和鍵盤修改,而且是對服務(wù)器不可見的,即提交表單的時(shí)候其名和值不會提交到服務(wù)器,當(dāng)然,程序員也可以用javascript來修改其值。
這就是他們的區(qū)別,知道了區(qū)別之后咱們就應(yīng)該知道什么時(shí)候使用哪種方法了,切不可盲目!
相關(guān)文章
通過disabled和readonly將input設(shè)置為只讀效果
這篇文章主要介紹了通過disabled和readonly將input設(shè)置為只讀效果,這兩種實(shí)現(xiàn)的效果都是只能讀取不能編輯,具體示例如下,大家可以學(xué)習(xí)學(xué)習(xí)2014-04-24html表單屬性readonly和disabled的使用方法
html容易被忽略的一些表單屬性,如readonly、disabled,兩者在獲得value值方面有所不同,感興趣的朋友可以了解下本文2014-02-12html表單控件禁用屬性readonly VS disabled介紹
這篇文章主要介紹了html表單控件禁用屬性readonly VS disabled區(qū)別,本文給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-04-13