表單元素屬性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>在某個表單中為用戶預填了某個唯一識別代碼,不允許用戶改動,但是在提交時需要傳遞該值,此時應該將它的屬性設(shè)置
    為readonly ;
    b>防止表單的重復提交,提交表單后使用javascript將提交按鈕(表單按鈕)禁用。
    c>checkbox 和 radio中設(shè)置只讀:禁用默認事件
    如:jquery中的bind("click",function(){return false;});