案例:
最近做一个功能需要提交表单,里面有一项是增加一个默认值,显示出来,但是不能修改。第一时间就想到了input 的 disabled
属性,但是后台接收数据显示,这个参数为空。怎么就为空了,百思不得其姐。
w3cSchool解释:
定义和用法
disabled 属性规定应该
禁用
input 元素。被禁用的 input 元素既不可用,也不可点击。可以设置 disabled
属性,直到满足某些其他的条件为止(比如选择了一个复选框等等)。然后,就需要通过 JavaScript 来删除 disabled 值,将
input 元素的值切换为可用。注释:disabled 属性无法与 一起使用。
禁用:则该表单输入项不能获取焦点,用户的所有操作(鼠标点击和键盘输入等)对该输入项都无效,最重要的一点是当提交表单时,这个表单输入项将不会被提交。
解决方案:
- diabled可用readonly代替,background-color:#cccccc;加上灰色背景色就可以。
- disabled和readonly的文本输入框只能通过脚本进行修改value属性。
参考:
https://blog.csdn.net/ligang2585116/article/details/44921967
http://www.w3school.com.cn/tags/att_input_disabled.asp