html input標籤的disabled屬性與readonly屬性
最近在製作webform表單時,我要做到讓一個input標籤裡的value的值,禁止讓客戶自行更改的input欄位!
像圖所示的效果:
(此value是無法做修改的)
--------------------------------------------------------------------------------
原先我是使用disabled的屬性來達成我想要的效果!
<input disabled="value">
但會導致一個很嚴重的問題:
--------------------------------------------------------------------------------
使用disabled屬性的input裡的value會無法被傳值出去,也就是在這個表單資料送出去時,這個input裡的value傳出去會變成空白
因為disabled的屬性已經整個禁用了此input的元素,所以完全無法抓去到此元素的value
後面才驚覺必須要使用 readonly 的屬性
<input readonly="value">