form 表单中input 使用disable属性

Posted qncl

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了form 表单中input 使用disable属性相关的知识,希望对你有一定的参考价值。

记录一下今天踩得坑。

技术图片

在使用form表单提交的时候,input用了disable属性,在查找了好久之后,找到原因,万万没想到是因为disable。

修改方法:disable改为readonly

disable:1、不能接受焦点

    2、使用tab键的时候将被跳过

    3、可能不是successful

readonly:1、可以接收焦点,但不能被修改

     2、可以使用tab键进行导航

     3、可能是successful的

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

以上是关于form 表单中input 使用disable属性的主要内容,如果未能解决你的问题,请参考以下文章

input ,button, textarea 1)使用disabled , 2) 显示值, 3) 表单提交. 4) jquery.form.js ajaxSubmit

如何设置表单元素的只读和禁用属性

学习 Bootstrap 5 之 Forms

表单input中disabled提交后得不到值的解决办法

使用jQuery设置disabled属性与移除disabled属性

jQuery设置disabled属性与移除disabled属性