达维营-前端网input中的disabled、readonly和hidden，相信一般的web应用中都会用到这些属性，身为前端有义务认清这些东西，这样的小东西容易在web应用产生bug。
disabled
用法：disabled，disabled=””（常用于按钮）
注意事项：value 不会在 Form 提交时发送出去。这个对于按钮来说用处比较大，一般的 type=”text” 最好是隐藏，而不是禁用，因为它不需要发送数据。
写法
css定义样式的方法以下为起作用的几种定义方法
input:disabled{color:red;}// 禁用，用法：disabled，disabled=””，
input[disabled=""]{color:blue;}//禁用，用法：disabled，disabled=””
input[disabled="true"]{color:blue;}//禁用，此方法可能为非标准写法，用法为：disabled ="true"
input[disabled="false"]{color:blue;} //禁用，此方法可能为非标准写法，用法为：disabled =" false "
input:not(:disabled) {color:red;}//非禁用时
注：
input:disabled等价于input[disabled=””]
input:disabled（用法为disabled=”disabled”），等价于input[disabled=””]（用法为：disabled =” “）
input:disabled（用法为disabled=”disabled”），但不等价于input[disabled=”true”]（用法为：disabled =”true”）
html写法
<p><input type="text" disabled value="已禁用"/></p> <p><input type="text" disabled="disabled" value="已禁用"/></p> <p><input type="text" disabled="true" value="已禁用"/></p> <p><input type="text" disabled="false" value="已禁用"/></p>
readonly
用法：readonly=”readonly”或readonly
注意事项：value 会在 Form 提交时被发送出去。所以需要在外观上显示跟一般 input/textarea 一样，但不允许用户修改数据，可以用这个属性。
input:read-only{color:red;}//用法：readonly =" readonly "，或readonly
input[readonly=""]{color: purple;} //非只读时，唯一写法：readonly（只作用于此写法）
input[readonly="true"]{color:blue;} //此方法可能为非标准写法，用法为：readonly="true"
input[readonly="false"]{color:red;} //此方法可能为非标准写法，用法为：readonly=" false "
html用法
<p><input type="text" readonly value="只读"/></p> <p><input type="text" readonly =" readonly " value="只读"/></p> <p><input type="text" readonly = "true" value="只读"/></p> <p><input type="text" readonly = "false" value="非只读"/></p>
hidden
用法：type=”hidden”
注意事项：这个比较好理解，value 会被发送，并且用户看不到。