HTML中禁用表單控件的兩種方法readonly與disabled

2019-10-26 17:17:03

字體：大中小

來源：轉載

供稿：網友

在網頁的制作過程中，我們會經常使用到表單。但是有時候我們會希望表單上的控件是不可修改的，比如在修改密碼的網頁中，顯示用戶名的文本框就應該是不可修改狀態的。

在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的結束標簽問題與w3c標準

下一篇：塊級元素和內聯元素及可變元素匯總