表單無法送出設為disabled的input

問題

還是在寫那個小工程的時候,有一些更新到資料,需要在表單中重新填寫送出,而一些不能更新的字段,起初我設定為

disabled

了,結果發現,設為

disabled

的字段的值,傳不到背景,上網搜尋之後明白,表單的确是這樣設計的,而和我有一樣需求的人,提出的修改方案是将

desabled

改為

readonly

,這樣,一樣不能對字段進行操作,但是背景可以擷取到資料.但是

readonly

的預設樣式和一般

input

一樣,看不出啥差別,是以我想再改進下.

解決方法

首先,不可修改的字段,是要修改為

readonly

的,除此之外,我們對

readonly

的樣式做一些處理,讓它看起來和

disabled

有差不多的形式

input[readonly]{
    background-color:#cccccc;/*背景變灰*/
    cursor:not-allowed;/*滑鼠為禁用樣式*/
}
           

這樣,仿

disabled

的樣式,看起來就更清楚一些.