表單input中disabled提交後得不到值的解決辦法

input的字段當爲diabled時時無法獲取數值得,所以最近不要用這個,我們可以用readonly帶替代,即可解決這類問題。
 
1 <input name="country" id="country" size=12 value="disabled"disabled="disabled" >
 
放在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屬性的
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章