input的type属性所有参数（含css3.0）
input的type属性所有参数(含css3.0)
这是我的第⼀篇博⽂，不知道要来写什么，刚好最近看了下css3中input的type属性，发现有很多简单实⽤的东西，于是就决定写这篇博⽂。（仅供参考，准确性有待检测！）
1. type=”button”
button相信⼤家都不陌⽣的了！
<input type="button" value="这是⼀个类型为button" />
2. type=”checkbox”
checkbox也不会陌⽣的。
<input type="checkbox" name="checkbox" id="checkbox" />
3. type=”color”
color颜⾊选择器。
input type="color" name="color" id="color"/>
4. type=”date”
date⽇期选择（数字型的）
<input type="date" name="date" id="date"/>
5. type=”datetime”
datetime⽇期输⼊（字母型的），粗略的测试了下Safari⽀持，其它… …
<input type="datetime" name="datetime" id="datetime"/>
6. type=”datetime-local”
datetime-local本地⽇期选择。
<input type="datetime-local" name="datetime-local" id="datetime-local"/>
7. type=”email”
email邮件格式输⼊框，条件是包含⼀个“@”。
<input type="email" name="email" id="email" />
8. type=”file”
file⽂件选择器，⽤于上传⽂件。
<input type="file" name="file" id="file"/>
9. type=”hidden”
hidden隐藏的⽂本框，⽤户在浏览器是看不到的，也不占地⽅，可以⽤js控制它的值。
<input type="hidden" name="hidden" id="hidden" value="123"/>
10. type=”image”
image为图形按钮，有个src属性，默认是⼀个提交按钮，可以定制⾃⼰想要的按钮。
<input type="image" name="image" id="image" src="1.png"/>
11. type=”month”
month年和⽉的选择器，是中⽂的！
<input type="month" name="month" id="month"/>
12. type=”number”
number数字输⼊框，只能输数字。
<input type="number" name="number" id="number"/>
13. type=”password”
password密码输⼊框，默认输⼊内容是“●”代替。
<input type="password" name="password" id="password"/>
14. type=”radio”
radio单选圆形按钮，默认下只能单选且选后⽆法不选中任何，后期可以更改规则。
<input type="radio" name="radio1" id="radio"/>
15. type=”range”
range控制选择器，可以设置它的value属性更改它原始位置（原始位置在中间=50）。
<input type="range" name="range" id="range" value="60"/>
16. type=”reset”
reset重置按钮，重置表单内的输⼊和选择。
<input type="reset" name="reset" id="reset"/>
17. type=”search”
search搜索框，它后⾯⽐⼀般的⽂本框多了⼀个“x”，⽤来清空输⼊的⽂本（可以去掉的）。
<input type="search" name="search" id="search"/>
18. type=”submit”
submit提交按钮，⽤于提交表单。
<input type="submit" name="submit" id="submit"/>
19. type=”tel”
tel电话号码输⼊框，在电脑上没什么特别，就是个⽂本框，主要是⽅便移动端上的体验，点击出现数字键盘。
<input type="tel" name="tel" id="tel"/>
20. type=”text”
text⽂本输⼊框。
<input type="text" name="text" id="text" value="这是⼀个类型为text" />
21. type=”time”
22. type=”url”htmlradio设置默认的按钮
23. type=”week”
week年份-周的选择器，计算出⼏⽉⼏⽇是当年的第⼏周。
<input type="week" name="week" id="week"/>
好了，已经介绍完input的type属性值，有漏的，有错的欢迎留⾔和dalao们⼀起交流，分享经验。

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