首页前端开发HTMLhtml form表单input使用disabled后提交不能获取表单值的解决方法

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

时间2024-01-27 15:48:02发布访客分类HTML浏览692
导读:收集整理的这篇文章主要介绍了html form表单input使用disabled后提交不能获取表单值的解决方法,觉得挺不错的,现在分享给大家,也给大家做个参考。 form表单输入框input设置disable属性提交后,得不到该输...
收集整理的这篇文章主要介绍了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后提交不能获取表单值的解决方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!

formhtmlinput

若转载请注明出处: html form表单input使用disabled后提交不能获取表单值的解决方法
本文地址: https://pptw.com/jishu/588400.html
HTML中的标签的使用详解 详解HTML onfocus获得焦点和onblur失去焦点事件

游客 回复需填写必要信息