首頁 > web前端 > html教學 > HTML中禁用表單控制項的方法readonly與disabled

HTML中禁用表單控制項的方法readonly與disabled

高洛峰
發布: 2017-02-28 13:33:30
原創
1554 人瀏覽過

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

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

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

範例: 

#程式碼如下:

<input type="text" value="只读的" readonly="readonly" /> 
<input type="text" value="不可用的" disabled="disabled" />
登入後複製


範例中的兩個控制項都是無法修改的。但是他們也有一些差別!

從字面意思我們可以知道,試用readonly屬性的控制項是"只讀"的,而試用disabled是"被停用"的。那麼他們的差別是什麼呢?

只讀的控制項(使用了readonly屬性的控制項)是使用者不可以用滑鼠和鍵盤修改其值的,但是程式設計師可以用javascript來修改,當提交表單的時候這個控制項的名稱和值會提交到伺服器,也就是說對伺服器是可見的。

而被停用的控制項(使用了disabled屬性的控制項)不但使用者不可以用滑鼠和鍵盤修改,而且是對伺服器不可見的,即提交表單的時候其名稱和值不會提交到伺服器,當然,程式設計師也可以用javascript來修改其值。

這就是他們的區別,知道了區別之後咱們就應該知道什麼時候使用哪種方法了,切不可盲目!

更多HTML中停用表單控制項的方法readonly與disabled相關文章請追蹤PHP中文網!


#
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板