HTML中禁用表單控制項的兩種方法readonly與disabled_HTML/Xhtml_網頁製作

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

在html中有兩種禁用的方法，他們分別是：

1.給控制項標籤加上readonly='readonly'屬性
2.為控制項標籤加上disabled ='disabled'屬性

舉例: 

複製程式碼

複製程式碼

複製程式碼

複製程式碼



複製程式碼


複製碼> 舉例中的兩個控制項都是不可修改的。但是他們也有一些差別！ 從字面意思我們可以知道，試用readonly屬性的控制項是"只讀"的,而試用disabled是"被禁用"的。那麼他們的差別是什麼呢？ 只讀的控制項(使用了readonly屬性的控制項)是使用者不可以用滑鼠和鍵盤修改其值的，但是程式設計師可以用javascript來修改，當提交表單的時候這個控制項的名稱和值會提交到伺服器，也就是說對伺服器是可見的。 而被禁用的控制項(使用了disabled屬性的控制項)不但使用者不可以用滑鼠和鍵盤修改，而且是對伺服器不可見的，即提交表單的時候其名稱和值不會提交到伺服器，當然，程式設計師也可以用javascript來修改其值。 這就是他們的區別，知道了區別之後咱們就應該知道什麼時候使用哪種方法了，切不可盲目！