form表单提交input使用disabled后台无法获取value值

2 篇文章 0 订阅

form表单输入框input设置disable属性提交后,得不到该输入框的值,解决该类问题可以参考以下方法:

使用readonly带替代disabled,即把 disabled=“disabled” 修改为 readonly="readonly"或readonly

<input type="text" class="background-color" value="123" name="ng_tip" id="ng_name" readonly="readonly"/>
--两种写法
<input type="text" class="background-color" value="123" name="ng_tip" id="ng_name" readonly/>

总结:

  1. disabled不能接收焦点,使用tab键时将被跳过,可能不是successful的;
  2. readonly可以接收焦点但不能被修改,可以使用tab键进行导航,可能是successful的。
  3. 注:只有successful的表单元素才是有效数据,即是进行提交后可以获取值。disabled和readonly的文本输入框只能通过脚本进行修改value属性。
  4. readonly是要锁定这个控件,通过在界面上无法修改他(但是通过javascript可以修改他)
  5. disabled 和readonly有相同的地方也是可以锁定这个控件用户不能改变他的值,但是disabled的更彻底一些,他是要使你完全不能使用他,包括改变他的背景颜色(不信,你去修改一个被disabled掉的input文本框,你发现你是徒劳),如果是checkbox则不能选中他。
  6. 所有控件都有disabled 属性,但是不一定有readonly属性,如select 下拉框。
  7. select下拉选择框(这里只能显示disabled和非disabled的区别,因为select 没有readonly属性
  8. button按钮:点击被readonly掉的按钮照样可以触发事件,但是被disabled掉的按钮就无法使用了不管上面有没有事件。
  9. div:将div设置disabled属性之后,整个div都灰掉了,但是文本框里面还是可以输入内容的。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值