表单无法提交设为disabled的input

问题

还是在写那个小工程的时候,有一些更新到数据,需要在表单中重新填写提交,而一些不能更新的字段,起初我设置为

disabled

了,结果发现,设为

disabled

的字段的值,传不到后台,上网搜索之后明白,表单的确是这样设计的,而和我有一样需求的人,提出的修改方案是将

desabled

改为

readonly

,这样,一样不能对字段进行操作,但是后台可以获取到数据.但是

readonly

的默认样式和一般

input

一样,看不出啥区别,所以我想再改进下.

解决方法

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

readonly

的,除此之外,我们对

readonly

的样式做一些处理,让它看起来和

disabled

有差不多的形式

input[readonly]{
    background-color:#cccccc;/*背景变灰*/
    cursor:not-allowed;/*鼠标为禁用样式*/
}
           

这样,仿

disabled

的样式,看起来就更清楚一些.