今天小编跟大家讲解下有关html form表单input使用disabled后提交不能获取表单值的解决方法 ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关html form表单input使用disabled后提交不能获取表单值的解决方法 的相关资料,希望小伙伴们看了有所帮助。
form表单输入框input设置disable属性提交后,得不到该输入框的值,解决该类问题可以参考下面两个方法:
方法一:
使用readonly带替代disabled,即把
disabled="disabled"
修改为
readonly="readonly"
二者区别:
disabled不能接收焦点,使用tab键时将被跳过,可能不是successful的;readonly可以接收焦点但不能被修改,可以使用tab键进行导航,可能是successful的。注:只有successful的表单元素才是有效数据,即是进行提交后可以获取值。disabled和readonly的文本输入框只能通过脚本进行修改value属性。
方法二:
使用一个type=hidden隐藏要获取值的input,再使用disabled显示给用户看的input
<input type="hidden" name="url" value="http://www.neirong.org"/><input type="text" value="http://www.neirong.org" disabled="disabled"/>总结
以上所述是小编给大家介绍的html form表单input使用disabled后提交不能获取表单值的解决方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对爱蒂网站的支持!
来源:爱蒂网