form表單元素中disabled的元素的值不會提交到服務器

1.表單元素中disabled的元素的值不會提交到服務器，后台獲取的值為null

<form id="myForm" action="#" method="post">

　　<input name="username" disabled="disabled" />  

　　<input type="submit" value="提交"/>

</form>

在form表單里，如果對input加入disabled="disabled"或disabled="true"等屬性，form表單提交的時候，就不會傳值到后台。

 

2.原因：在HTML頁面的某元素加入了disable的屬性，那么這個元素只是單單的去給用戶去顯示，當表單提交時，這個元素不會提交給后台去處理．所以當元素加入了disabled屬性，后台是無法得到這個屬性的值．

3.解決方法：

　　A.再寫一個隱藏屬性，一個用於顯示，一個用於傳值。

　　B.<input name="username" readonly="readonly" />  設置只讀

　　可用readonly代替，background-color:#cccccc;加上灰色背景色就可以達到disable的效果

　　C.在form表單提交時利用js/jq將disabled屬性修改

//js
document.getElementById("username").disabled="";
//jq
$("#username").attr("disabled",false);

　　D.disable屬性的值用js/jq獲取，使用參數形式傳遞