HTML中禁用表單控件有幾種方法
發表時間:2024-05-05 來源:明輝站整理相關軟件相關文章人氣:
[摘要]這次給大家帶來HTML中禁用表單控件有幾種方法,HTML中禁用表單控件的注意事項有哪些,下面就是實戰案例,一起來看一下。在網頁的制作過程中,我們會經常使用到表單。但是有時候我們會希望表單上的控件是不可修改的,比如在修改密碼的網頁中,顯示用戶名的文本框就應該是不可修改狀態的。 在html中有兩種禁用...
這次給大家帶來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中文網其它相關文章!
網站建設是一個廣義的術語,涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。