input的disabled:
<input type="text" name="name" placeholder="請輸入名稱" disabled="disabled" />
加上了 disabled,有幾點注意:
1 ajax : from表單提交的時候,被定義的 disabled 的屬性,不能夠傳值給后台!
2 使用tab鍵時將被跳過
3 可能不是successful的
input的readonly:
如果想要得到該值,可以改成
readonly = "readonly"
加上了
readonly,有幾點注意:
1 可以接收焦點但不能被修改
2 可以使用tab鍵進行導航
3 可能是successful的
兩個屬性在效果和使用上的區別:
1 readonly是要鎖定這個控件,通過在界面上無法修改他(但是通過javascript可以修改他)。
2 disabled的更徹底一些,他是要使你完全不能使用他,包括改變他的樣式
3 所有控件都有disabled 屬性,但是不一定有readonly屬性,如select 下拉框。
4 說明:點擊被readonly掉的按鈕照樣可以觸發事件,但是被disabled掉的按鈕就直接失效了
