input所有属性及作⽤
1. type：该属性是input标签⾥唯⼀的必须输⼊的属性，当然，也可以不填，默认为type = “text”。
2. required：标记⼀个字段是否为必须。如果⼀个字段被标记为required = “required”（严格模式下），或者required（宽松模式
下）(ps：下⾯属性的写法同理，就不⼀⼀写出了)，并且这个字段的值为空，或者填⼊的值是⽆效值，那么这个表单不能提交。什么是⽆效值？看pattern属性。
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：该属性会禁⽤⼀个表单元素。这⾥是禁⽤，完全禁⽤掉除了iutput之外的所有表单元素。
9. maxlength ：该属性⽤于限制⽤户输⼊的最⼤字数限制。
10. size：已经没什么时候实际的作⽤了，控制⼤⼩现在⼏乎都是由CSS控制了。
11. form：在HTML5中，表单控件已经没有必要嵌套在⼀个表单中，新的form属性可以把表单元素与页⾯上的任意的表单关联起来。也
可以被嵌套在⼀个表单中，随着另⼀个表单提交，代码如下：
onpaste不能用input
<form id="form1"></form>
<p>
<label for="admin">admin</label>
<input type="text" id="admin" form="form1"/>
</p>
这样，就把form和input联系起来了。如果input没有form属性，那么，它将被关联到离他最近的form表单。
12. autocomplete：顾名思义，⾃动完成，⽤户输⼊⼀部分，后⾯的⾃动补全。需要浏览器保存⽤户输⼊的内容，以便下⼀次⾃动补全。
13. autofocus：该属性指的是表⽰这个表单控件在页⾯载⼊的时候⾃动获得焦点。
属性作⽤
14. text：如果⼀个input没有type属性，那么它会是默认type=“text”。没有什么特别的，就是允许输⼊
⽂本，简单明了。
15. password：顾名思义，在⽤户输⼊密码的时候建议使⽤这个属性⽽⾮text，使⽤了这个属性，⽤户输⼊的⽂字将会变成*，我们是看
不到的，当然，传给后台会是⽤户输⼊的⽂本。有些⼿机端上不会⼀开始就是*，⽽是会短暂的明⽂显⽰⽤户输⼊的最后⼀个字符，然后才是*。
16. checkbox：复选框，默认是⼩⽅格，可以选择多个。
17. radio：单选框，默认是⼩圆圈，只能选择⼀个。
18. submit：通常被认为是⼀个提交按钮，当点击此按钮时，提交本表单的数据。
19. file：这个输⼊类型和其他的不同，其他⽆⾮是⼀些选择，或者输⼊⽂本，⽽这个属性，是为了能让⽤户上传本地⽂件。
20. hidden：顾名思义，该属性是⽤来隐藏掉该表单控件。以前⼀般是⽤来收集⼀些数据，但是现在没必要了，有强⼤的localStorage等
存储机制，谁还会⽤这个去存数据呢。
21. image：该属性接受所有，将会像submit⼀样提交图⽚，如果想上传图⽚，照⽚，不妨使⽤这个属性。
22. reset：重置按钮，点了这个按钮，表单的数据全部重置，也就是清空的意思。⼀般不会使⽤，毕竟⽤户⾟⾟苦苦填了半天，误操作，
点了重置。体验性太差了。
23. button：顾名思义，⼀个按钮，表单按钮，和单纯的button元素相⽐，没有button使⽤CSS⽅便，所以如果你不是想⽤这个按钮去
重置（reset）或者提交（submit），并且为了和传统的表单风格相⽐配的话，建议你都使⽤button⽽不是 button。
24. email：该属性外观上和⽂本栏相似，⽤于指定⼀个电⼦邮箱地址。在web端没有什么差别，但是在⼿机端就不⼀样了，输⼊键盘会⾃
动的变成有@ 数字 A-Z .等，与输⼊邮箱有关的字符，⽤户体验直线上升，有⽊有？
25. url：外观功能和 类似，⽤于指定⼀个web地址。在⼿机端上会⾃动转换成有类似于 \等⽅便⽤户输⼊web地址的键盘。
26. tel：⽤于指定输⼊的是电话号码。键盘就会变成输⼊电话号码的键盘。当然，也可以⾃⼰定义⼀些格式什么的，⽐如023-
1235····之类的，需要与pattern属性连⽤。
27. number：⽤于指定输⼊的是数字，键盘为输⼊数字的键盘。
28. range：变成⼀个滑动条，不同的客户端显⽰出默认的样式是不⼀样的。⽤户可以左右滑动。webkit中可以使⽤CSS：
input[type=range]{=webkit-appearance:slider-vertical}让滑动条竖起来。
29. search：提供⼀个搜索栏。如果有⽂本输⼊的话，很多浏览器会在最右边提供⼀个清空搜索栏的⼩叉，点了就清空该搜索栏。
30. color：在浏览器⽀持的情况下，提供⼀个拾⾊器，虽然功能没有PS⾥⾯的那么强⼤，不过感觉和window⾃带的图画功能⾥⾯的拾⾊
器差不多。
31. date：顾名思义，⽇期选择器，可以⽤来选择年⽉⽇。
32. datetime：该属性提供两个栏，⼀个年⽉⽇，⼀个⽤于时分秒。时区被设置成了UTC。
33. datetime-local：和 input type="datetime"⼏乎完全⼀样，只是不是UTC时间。
34. month：只包括了年，⽉的时间选择器。
35. time：只包括了时分秒的时间选择器，⽽且是24⼩时制。
36. week：该属性是输⼊多少年的多少周，你可以选择⽇期，但是返回的是XXXX年XX周。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。