1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > form表单input使用disabled后提交不能获取表单值的解决方法

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

时间:2023-02-07 23:29:24

相关推荐

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

今天遇到一个问题:在form表单中的input上使用disabled禁用标致,会导致表单提交时获取不到值。经过调试,以及参考相关博文,最终得以解决,下面记录解决方法。

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

方法一:使用readonly带替代disabled,即把disabled="disabled" 修改为readonly="readonly"

方法二:使用一个type=hidden隐藏要获取值的input,再使用disabled显示给用户看的input

<input type="hidden" name="url" value=""/><input type="text" value="" disabled="disabled"/>

二者区别:

disabled不能接收焦点,使用tab键时将被跳过,可能不是successful的;

readonly可以接收焦点但不能被修改,可以使用tab键进行导航,可能是successful的。

注:只有successful的表单元素才是有效数据,即是进行提交后可以获取值。disabled和readonly的文本输入框只能通过脚本进行修改value属性。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。