Input：type属性

1.button：定义可点击的按钮（通常与 JavaScript 一起使用来启动脚本）。

<input id="" type="button" name="" value="按钮" /><br />

2.checkbox：定义复选框。

<input id="" type="checkbox" name="" />男<br />
<input id="" type="checkbox" name="" checked="checked" />女<br />

3.cancel：取消按钮，用于取消submit的提交。

<input id="" type="cancel" name="" />

4.color：定义拾色器。

<input id="" type="color" name="" />

5.date：定义 date 控件（包括年、月、日，不包括时间）。

<input id="" type="date" name="" />

6.datetime：定义 date 和 time 控件（包括年、月、日、时、分、秒、几分之一秒，基于 UTC 时区）。</p>

<form action="">
生日 (日期和时间):<input id="" type="datetime" name="" />
<input id="" type="submit" name="" value="提交" />
</form>

7.datetime-local：定义 date 和 time 控件（包括年、月、日、时、分、秒、几分之一秒，不带时区）。

<input id="" type="datetime-local" name="" />

8.month：定义 month 和 year 控件（不带时区）。

<input id="" type="month" name="" />

9.week：定义 week 和 year 控件（不带时区）。

<input id="" type="week" name="" />

10.time：定义用于输入时间的控件（不带时区）。

<input id="" type="time" name="" />

11.email：定义用于 e-mail 地址的字段。</p>

E-mail:<input id="" type="email" name="" />

12.file：定义文件选择字段和 "浏览..." 按钮，供文件上传。

<input id="" type="file" name="" />

13.hidden：定义隐藏输入字段。

<input id="" type="hidden" name="" />

14.image：定义图像作为提交按钮。

<input id="" type="image" name="" />

15.number：定义用于输入数字的字段。

<input id="" type="number" name="" />

16.password：定义密码字段（字段中的字符会被遮蔽）。

<input id="" type="password" name="" />

17.radio：定义单选按钮。<br />

<input id="" type="radio" name="" />男<br />
<input id="" type="radio" name="" checked="checked" />女<br />

18.range：定义用于精确值不重要的输入数字的控件（比如 slider 控件）。

<input id="" type="range" name="" /> 

19.reset：定义重置按钮（重置所有的表单值为默认值）。

<input id="" type="reset" name="" />

20.search：定义用于输入搜索字符串的文本字段。

<input id="" type="search" name="" />

21.submit：定义提交按钮。

<input id="" type="submit" name="" value="提交" />

22.tel：定义用于输入电话号码的字段。

输入电话：<input id="" type="tel" name="" />

23.text：默认。定义一个单行的文本字段（默认宽度为 20 个字符）。

<input id="" type="text" name="" />

24.url：定义用于输入 URL 的字段。

添加你的主页网址：<input id="" type="url" name="" />

转载：http://www.cnblogs.com/dadayang/p/5749068.html