input标签添加disable属性提交后得不到该输入框的值

在做网站时,由于某些信息不想被修改,故使用了input标签的disabled属性,但是在修改其它数据后却发现添加了disabled属性的值被清空了,解决该类问题可以参考以下两个方法:

方法一

使用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="https://www.wuwenhui.cn"/>
<input type="text" value="https://www.wuwenhui.cn" disabled="disabled"/>

原创文章,作者:wwh,如若转载,请注明出处:https://www.wuwenhui.cn/5659.html

(1)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
wwhwwh
上一篇 2023-08-04
下一篇 2023-12-12

相关推荐

发表回复

登录后才能评论

联系我们

在线咨询:点击这里给我发消息

站长邮箱:admin@wuwenhui.cn
工作时间:周一至周五,8:30-17:30,节假日休息

微信
本站支持QQ一键注册登录,所有资源下载均在文章底部~