html表單控件禁用屬性readonly VS disabled介紹

在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屬性的控件)是用戶(hù)不可以用鼠標(biāo)和鍵盤(pán)修改其值的,但是程序員可以用javascript來(lái)修改,當(dāng)提交表單的時(shí)候這個(gè)控件的名和值會(huì)提交到服務(wù)器,也就是說(shuō)對(duì)服務(wù)器是可見(jiàn)的。
而被禁用的控件(使用了disabled屬性的控件)不但用戶(hù)不可以用鼠標(biāo)和鍵盤(pán)修改,而且是對(duì)服務(wù)器不可見(jiàn)的,即提交表單的時(shí)候其名和值不會(huì)提交到服務(wù)器,當(dāng)然,程序員也可以用javascript來(lái)修改其值。
這就是他們的區(qū)別,知道了區(qū)別之后咱們就應(yīng)該知道什么時(shí)候使用哪種方法了,切不可盲目!
總結(jié)
到此這篇關(guān)于html表單控件禁用屬性readonly VS disabled區(qū)別的文章就介紹到這了,更多相關(guān)html readonly disabled內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持腳本之家!
相關(guān)文章
wordpress添加Html5的表單驗(yàn)證required方法小結(jié)
這篇文章主要介紹了wordpress添加Html5的表單驗(yàn)證required方法小結(jié),本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參2020-08-18HTML如何對(duì)齊多個(gè)表單中的文本框的實(shí)現(xiàn)
這篇文章主要介紹了HTML如何對(duì)齊多個(gè)表單中的文本框的實(shí)現(xiàn),文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一2020-06-18HTML5表單驗(yàn)證特性(知識(shí)點(diǎn)小結(jié))
這篇文章主要介紹了HTML5表單驗(yàn)證特性的一些知識(shí)點(diǎn),本文通過(guò)實(shí)例代碼截圖的形式給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-03-10- 表單提交是常見(jiàn)的一種操作,這篇文章主要介紹了html中表單提交的實(shí)現(xiàn),小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-11-06
HTML通過(guò)表單實(shí)現(xiàn)酒店篩選功能
本文通過(guò)實(shí)例代碼給大家分享基于HTML通過(guò)表單實(shí)現(xiàn)酒店篩選功能,代碼真的很簡(jiǎn)答,對(duì)大家學(xué)習(xí)html表單相關(guān)知識(shí)有很大的幫助,對(duì)html酒店篩選相關(guān)知識(shí),感興趣的朋友一起看看2021-05-17