表單元素屬性readonly和disabled使用對比

表單元素屬性readonly和disabled在適應范圍、操作、表單提交等等方面都有所不同，至於有哪些不同，感興趣的朋友可以了解下本文

1）適應范圍：
readonly：input[type="text"],input[type="password"],input[type="teaxtarea"]
disabled：所有的表單元素，如select, radio, checkbox, button等

2）操作：
readonly：不允許用戶修改操作，不影響其它的任何操作
disabled：阻止用戶一切操作，包括用戶點擊事件，獲取焦點事件

3）表單提交：
readonly：表單元素的值可以提交到服務器。
disabled：表單元素的值不會提交到服務器，即就是服務器獲取不到此表單元素中的值

常見應用：

a>在某個表單中為用戶預填了某個唯一識別代碼，不允許用戶改動，但是在提交時需要傳遞該值，此時應該將它的屬性設置

為readonly ;

b>防止表單的重復提交，提交表單後使用javascript將提交按鈕（表單按鈕）禁用。

c>checkbox 和 radio中設置只讀：禁用默認事件
如：jquery中的bind("click",function(){return false;});