表单无法提交设为disabled的input

表单无法提交设为disabled的input

问题

还是在写那个小工程的时候,有一些更新到数据,需要在表单中重新填写提交,而一些不能更新的字段,起初我设置为disabled了,结果发现,设为disabled的字段的值,传不到后台,上网搜索之后明白,表单的确是这样设计的,而和我有一样需求的人,提出的修改方案是将desabled改为readonly,这样,一样不能对字段进行操作,但是后台可以获取到数据.但是readonly的默认样式和一般input一样,看不出啥区别,所以我想再改进下.

解决方法

首先,不可修改的字段,是要修改为readonly的,除此之外,我们对readonly的样式做一些处理,让它看起来和disabled有差不多的形式

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

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