爬坑记(2)：表单提交参数无效之disabled

案例：

最近做一个功能需要提交表单，里面有一项是增加一个默认值，显示出来，但是不能修改。第一时间就想到了input 的 disabled 属性，但是后台接收数据显示，这个参数为空。怎么就为空了，百思不得其姐。

w3cSchool解释：

定义和用法

disabled 属性规定应该禁用 input 元素。

被禁用的 input 元素既不可用，也不可点击。可以设置 disabled
属性，直到满足某些其他的条件为止（比如选择了一个复选框等等）。然后，就需要通过 JavaScript 来删除 disabled 值，将
input 元素的值切换为可用。

注释：disabled 属性无法与 一起使用。

禁用：则该表单输入项不能获取焦点，用户的所有操作（鼠标点击和键盘输入等）对该输入项都无效，最重要的一点是当提交表单时，这个表单输入项将不会被提交。

解决方案：

1. diabled可用readonly代替，background-color:#cccccc;加上灰色背景色就可以。
2. disabled和readonly的文本输入框只能通过脚本进行修改value属性。

参考：
https://blog.youkuaiyun.com/ligang2585116/article/details/44921967
http://www.w3school.com.cn/tags/att_input_disabled.asp