html form表单input使用disabled后提交不能获取表单值的解决方法

前端  /  管理员 发布于 3年前   180

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后提交不能获取表单值的解决方法，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对站的支持！