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

來源：易賢網閱讀：983 次日期：2016-06-15 09:03:34

溫馨提示：易賢網小編為您整理了“表單元素屬性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;});

由于各方面情況的不斷調整與變化，易賢網提供的所有考試信息和咨詢回復僅供參考，敬請考生以權威部門公布的正式信息和咨詢為準！