轉載自:http://blog.csdn.net/u014185140/article/details/51985147
input的字段當為diabled時時無法獲取數值得,所以最近不要用這個,我們可以用readonly帶替代,即可解決這類問題。
|
放在form表單中提交后得不到該值。
將disabled="disabled" 改為 readonly = "readonly" 即可 ,按照W3C的規范
設置為disabled的input將會有下面的限制:
1.不能接收焦點
2.使用tab鍵時將被跳過
3.可能不是successful的
設置為readonly的input將會有下面的限制:
1.可以接收焦點但不能被修改
2.可以使用tab鍵進行導航
3.可能是successful的
只有successful的表單元素才是有效數據,也即是可以進行提交。disabled和readonly的文本輸入框只能通過腳本進行修改value屬性。
一、來看看這兩個屬性在效果和使用上的區別
1 readonly是要鎖定這個控件,通過在界面上無法修改他(但是通過javascript可以修改他)。
2 disabled 和readonly有相同的地方也是可以鎖定這個控件用戶不能改變他的值,但是disabled的更徹底一些,他是要使你完全不能使用他,包括改變他的背景顏色(不信,你去修改一個被disabled掉的input文本框,你發現你是徒勞),如果是checkbox則不能選中他。
3 所有控件都有disabled 屬性,但是不一定有readonly屬性,如select 下拉框。
(1)text
(2) checkBox
(3)select下拉選擇框(這里只能顯示disabled和非disabled的區別,因為select 沒有readonly屬性
(4)button按鈕
說明:點擊被readonly掉的按鈕照樣可以觸發事件,但是被disabled掉的按鈕就無法使用了不管上面有沒有事件。
(5)div
說明:將div設置disabled屬性之后,整個div都灰掉了,但是文本框里面還是可以輸入內容的。
注意:select下拉選擇框是沒有readonly屬性的