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">

這屬性就只是單純的使使用者只可看到input元素的value，無法自行修改，不會造成傳值方面上的問題

disabled:當 input 元素加载时禁用此元素。

readonly:规定输入字段為可讀不能寫。