html表單控件禁用屬性readonly VS disabled介紹
文章主要介紹了html表單控件禁用屬性readonly VS disabled區(qū)別,本文給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下在html中有兩種禁...
文章主要介紹了html表單控件禁用屬性readonly VS disabled區(qū)別,本文給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
在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)文章,
- HTML頁(yè)面插入SVG的多種方式
- html網(wǎng)頁(yè)添加音樂(lè)視頻的實(shí)現(xiàn)示例
- 淺析html webpack plugin插件的使用教程
- HTML轉(zhuǎn)PDF的純客戶(hù)端和純服務(wù)端實(shí)現(xiàn)方案
- HTML6實(shí)現(xiàn)折疊菜單與手風(fēng)琴菜單的實(shí)例代碼
- html 仿百度百科導(dǎo)航下拉菜單功能實(shí)例代碼介紹
- Html與css基礎(chǔ)知識(shí)介紹(必看篇)
- Sql Server數(shù)據(jù)庫(kù)如何去掉內(nèi)容里面的Html標(biāo)簽
- css和html的四種結(jié)合方式介紹
- Html5 canvas中width、height和style的寬高區(qū)別詳解
HTML頁(yè)面插入SVG的多種方式
SVG是一種基于XML語(yǔ)法的圖像格式,接下來(lái)通過(guò)本文給大家介紹HTML頁(yè)面插入SVG的多種方式,通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋...
html網(wǎng)頁(yè)添加音樂(lè)視頻的實(shí)現(xiàn)示例
文章主要介紹了html網(wǎng)頁(yè)添加音樂(lè)視頻的實(shí)現(xiàn)示例,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧1.v...
淺析html webpack plugin插件的使用教程
用html-webpack-plugin插件來(lái)啟動(dòng)頁(yè)面 可將html頁(yè)面放入內(nèi)存 以提升頁(yè)面的加載速度
并且還能自動(dòng)設(shè)置index.html頁(yè)面中JS文件引入的路徑使用前提:項(xiàng)目中安裝了Webpack使用步...HTML轉(zhuǎn)PDF的純客戶(hù)端和純服務(wù)端實(shí)現(xiàn)方案
文章主要介紹了HTML轉(zhuǎn)PDF的純客戶(hù)端和純服務(wù)端實(shí)現(xiàn)方案,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)...
HTML6實(shí)現(xiàn)折疊菜單與手風(fēng)琴菜單的實(shí)例代碼
文章主要介紹了HTML6實(shí)現(xiàn)折疊菜單與手風(fēng)琴菜單的實(shí)例代碼,需要的朋友可以參考下。頁(yè)面主體部分:<body><ul id="menu"> <li> <a href="#">一級(jí)菜單1</a> <ul> <li>二級(jí)...
html 仿百度百科導(dǎo)航下拉菜單功能實(shí)例代碼介紹
文章主要介紹了html 仿百度百科導(dǎo)航下拉菜單功能,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下。html 仿百度百科導(dǎo)航下拉菜單功能,具...
Html與css基礎(chǔ)知識(shí)介紹(必看篇)
下面小編就為大家?guī)?lái)一篇Html與css基礎(chǔ)(必看篇)。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧...
Sql Server數(shù)據(jù)庫(kù)如何去掉內(nèi)容里面的Html標(biāo)簽
文章主要介紹了Sql Server 去掉內(nèi)容里邊的Html標(biāo)簽的實(shí)現(xiàn)方法,代碼超簡(jiǎn)單,具有一定的參考借鑒價(jià)值,需要的朋友可以參考下。...
css和html的四種結(jié)合方式介紹
文章主要介紹了css和html的四種結(jié)合方式,需要的朋友可以參考下(1)在每個(gè)HTML標(biāo)簽上面都有一個(gè)屬性 style,把css和HTML結(jié)合在一起 <div style="background-color:red;color...
Html5 canvas中width、height和style的寬高區(qū)別詳解
文章主要給大家介紹了關(guān)于H5 canvas中width、height和style的寬高區(qū)別的相關(guān)資料,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們...