HTML中禁用表單控件有幾種方法

在網(wǎng)頁的制作過程中，我們會經(jīng)常使用到表單。但是有時候我們會希望表單上的控件是不可修改的，比如在修改密碼的網(wǎng)頁中，顯示用戶名的文本框就應(yīng)該是不可修改狀態(tài)的。
在html中有兩種禁用的方法，他們分別是：

1.給控件標(biāo)簽加上readonly='readonly'屬性 
2.給控件標(biāo)簽加上disabled='disabled'屬性

舉例:

<input type="text" value="只讀的" readonly="readonly" /> 
<input type="text" value="不可用的" disabled="disabled" />

舉例中的兩個控件都是不可修改的。但是他們也有一些區(qū)別！
從字面意思我們可以知道，試用readonly屬性的控件是"只讀"的,而試用disabled是"被禁用"的。那么他們的區(qū)別是什么呢？
只讀的控件(使用了readonly屬性的控件)是用戶不可以用鼠標(biāo)和鍵盤修改其值的，但是程序員可以用javascript來修改，當(dāng)提交表單的時候這個控件的名和值會提交到服務(wù)器，也就是說對服務(wù)器是可見的。
而被禁用的控件(使用了disabled屬性的控件)不但用戶不可以用鼠標(biāo)和鍵盤修改，而且是對服務(wù)器不可見的，即提交表單的時候其名和值不會提交到服務(wù)器，當(dāng)然，程序員也可以用javascript來修改其值。
這就是他們的區(qū)別，知道了區(qū)別之后咱們就應(yīng)該知道什么時候使用哪種方法了，切不可盲目！

相信看了這些案例你已經(jīng)掌握了方法，更多精彩請關(guān)注php中文網(wǎng)其它相關(guān)文章！

相關(guān)閱讀：

怎樣設(shè)置超鏈接的寬度和高度

html怎樣用style添加屬性示例

css3中的漸進增強和優(yōu)雅降級如何使用

以上就是HTML中禁用表單控件有幾種方法的詳細內(nèi)容，更多請關(guān)注php中文網(wǎng)其它相關(guān)文章！