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

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

在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中文網！

#