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属性的主要内容,如果未能解决你的问题,请参考以下文章

html5中form表单新增属性以及改良的input标签元素的种类

第二十节-重要表单(form 与 input)

form表单

每日思考(2020/03/02)

HTML5 表单新属性使用详解

HTML5 表单属性