表單元素屬性readonly和disabled使用對比
來源:易賢網 閱讀:1355 次 日期: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;});

更多信息請查看網頁制作
關于我們 | 聯系我們 | 人才招聘 | 網站聲明 | 網站幫助 | 非正式的簡要咨詢 | 簡要咨詢須知 | 新媒體/短視頻平臺 | 手機站點

版權所有:易賢網