本文摘自PHP中文网，作者醉折花枝作酒筹，侵删。
html中input标签的属性有：type、required、pattern、step、placeholder、readonly、disabled、size、form、maxlength、autofocus、min、max等。
本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。
首先先来说说html input标签的属性：
1.type：该属性是input标签里唯一的必须输入的属性，当然，也可以不填，默认为type = "text"。具体它有那些值，我们后面再讨论。
2.required：标记一个字段是否为必须。如果一个字段被标记为required = "required"（严格模式下），或者required（宽松模式下）(ps：下面属性的写法同理，就不一一写出了)，并且这个字段的值为空，或者填入的值是无效值，那么这个表单不能提交。什么是无效值？看pattern属性。
打造全网web前端全栈资料库（总目录）看完学的更快，掌握的更加牢固，你值得拥有（持续更新）
3.pattern：该属性包含了一个JavaScript风格的正则表达式，输入的内容必须完全匹配该正则表达式，不然就算输入的内容无效。对正则表达式不了解？可以去看看JavaScript 正则表达式。
4.min max：这两个属性用于日期date时间time等输入，还有number和range。顾名思义，它们的作用是限制最大值，最小值。
5.step：和max min类似，作用是提供一个可以上下点的按钮，比如当前数字是1，你设置了step = "5"，点一下上的按钮，就变成6了。
6.placeholder：该属性不多说，大家应该都很熟悉，一般是用来提示用户输入的，当用户真的输入了文字之后，会被输入的文字覆盖。
7.readonly：顾名思义，该属性会让表单空控件不可编辑。这里的不可编辑不是禁用，只是不能编辑文本而已，比如像单选框radio，复选框checkbox这种，本来就是不可编辑的，所以这个属性对它们来说毫无意义。
8.disabled：该属性会禁用一个表单元素。这里是禁用，完全禁用掉除了<output>之外的所有表单元素。
9.maxlength ：该属性用于限制用户输入的最大字数限制。
10.size：已经没什么时候实际的作用了，控制大小现在几乎都是由CSS控制了。
11.form：在HTML5中，表单控件已经没有必要嵌套在一个表单中，新的form属性可以把表单元素与页面上的任意的表单关联起来。也可以被嵌套在一个表单中，随着另一个表单提交，代码如下：
1 2 3 4 5 6 |
|
这样，就把form和input联系起来了。如果input没有form属性，那么，它将被关联到离他最近的form表单。
12.autocomplete：顾名思义，自动完成，用户输入一部分，后面的自动补全。需要浏览器保存用户输入的内容，以便下一次自动补全。
13.autofocus：该属性指的是表示这个表单控件在页面载入的时候自动获得焦点。
以上就是html input标签的属性了。
扩展资料
现在说说input标签的用法：
先看个html input标签的实例：
相关阅读 >>
html表单边框怎么加颜色？html form标签的边框颜色实例
怎样通过disabled和readonly将input设置为只读效果
html input标签的属性有哪些？input标签的用法总结（附实例）
浅谈input中的name，value以及label中的for
html如何实现表单的选择框效果？单选框与多选框的实现（代码实例）
input表单如何制作多行文本输入框？一篇文章教你学会使用input标签
html中input submit、button和回车键提交数据详解
更多相关阅读请进入《input》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
