爬坑记(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.csdn.net/ligang2585116/article/details/44921967
http://www.w3school.com.cn/tags/att_input_disabled.asp

猜你喜欢

转载自blog.csdn.net/qq_35830949/article/details/80136417