首頁 > web前端 > html教學 > HTML中停用表單控制項有幾種方法

HTML中停用表單控制項有幾種方法

php中世界最好的语言
發布: 2018-02-01 09:46:23
原創
3718 人瀏覽過

這次帶給大家HTML中停用表單控制項有幾種方法,HTML中停用表單控制項的注意事項有哪些,以下就是實戰案例,一起來看一下。

在網頁的製作過程中,我們會經常使用到表單。但有時候我們會希望表單上的控制項是不可修改的,例如在修改密碼的網頁中,顯示使用者名稱的文字方塊就應該是不可修改狀態的。
在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來修改其值。
這就是他們的區別,知道了區別之後咱們就應該知道什麼時候使用哪種方法了,切不可盲目! 

我相信看了這些案例你已經掌握了方法,更多精彩請關注php中文網其它相關文章!

相關閱讀:

怎麼設定超連結的寬度與高度

html怎麼用style加入屬性範例

css3中的漸進增強和優雅降級如何使用

以上是HTML中停用表單控制項有幾種方法的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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