首頁 > web前端 > html教學 > HTML中禁用表單控制項的兩種方法readonly與disabled_HTML/Xhtml_網頁製作

HTML中禁用表單控制項的兩種方法readonly與disabled_HTML/Xhtml_網頁製作

WBOY
發布: 2016-05-16 16:36:53
原創
1819 人瀏覽過

在網頁的製作過程中,我們會經常使用到表單。但有時候我們會希望表單上的控制項是不可修改的,例如在修改密碼的網頁中,顯示使用者名稱的文字方塊就應該是不可修改狀態的。

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

1.給控制項標籤加上readonly='readonly'屬性
2.為控制項標籤加上disabled ='disabled'屬性

舉例: 


複製程式碼
複製程式碼



複製程式碼



複製程式碼



複製程式碼


複製碼> 舉例中的兩個控制項都是不可修改的。但是他們也有一些差別! 從字面意思我們可以知道,試用readonly屬性的控制項是"只讀"的,而試用disabled是"被禁用"的。那麼他們的差別是什麼呢? 只讀的控制項(使用了readonly屬性的控制項)是使用者不可以用滑鼠和鍵盤修改其值的,但是程式設計師可以用javascript來修改,當提交表單的時候這個控制項的名稱和值會提交到伺服器,也就是說對伺服器是可見的。 而被禁用的控制項(使用了disabled屬性的控制項)不但使用者不可以用滑鼠和鍵盤修改,而且是對伺服器不可見的,即提交表單的時候其名稱和值不會提交到伺服器,當然,程式設計師也可以用javascript來修改其值。 這就是他們的區別,知道了區別之後咱們就應該知道什麼時候使用哪種方法了,切不可盲目!
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板