1.button：定义可点击的按钮（通常与 JavaScript 一起使用来启动脚本）。<br />
<input type="button" value="按钮" /><br />
<br />


2.checkbox：定义复选框。<br />
<input type="checkbox" />男<br />
<input type="checkbox" checked="checked" />女<br />
<br />

3.cancel：取消按钮，用于取消submit的提交。<br />
<input type="cancel" /><br />
<br />

4.color：定义拾色器。<br />
<input type="color" /><br />
<br />


5.date：定义 date 控件（包括年、月、日，不包括时间）。<br />
<input type="date" /><br />
<br />


6.datetime：定义 date 和 time 控件（包括年、月、日、时、分、秒、几分之一秒，基于 UTC 时区）。</p>
<form action="">生日 (日期和时间):<input type="datetime" /> <input type="submit" value="提交" /></form>
<p><br />
<br />


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


8.month：定义 month 和 year 控件（不带时区）。<br />
<input type="month" /><br />
<br />


9.week：定义 week 和 year 控件（不带时区）。<br />
<input type="week" /><br />
<br />

10.time：定义用于输入时间的控件（不带时区）。<br />
<input type="time" /><br />
<br />

11.email：定义用于 e-mail 地址的字段。</p>
<form action=""></form>
<p>E-mail:<input type="email" /><br />
<br />


12.file：定义文件选择字段和 "浏览..." 按钮，供文件上传。<br />
<input type="file" /><br />
<br />


13.hidden：定义隐藏输入字段。<br />
<input type="hidden" /><br />
<br />


14.image：定义图像作为提交按钮。<br />
<input type="image" /><br />
<br />


15.number：定义用于输入数字的字段。<br />
<input type="number" /><br />
<br />


16.password：定义密码字段（字段中的字符会被遮蔽）。<br />
<input type="password" /><br />
<br />

17.radio：定义单选按钮。<br />
<input type="radio" />男<br />
<input type="radio" checked="checked" />女<br />
<br />


18.range：定义用于精确值不重要的输入数字的控件（比如 slider 控件）。<br />
<input type="range" /><br />
<br />


19.reset：定义重置按钮（重置所有的表单值为默认值）。<br />
<input type="reset" /><br />
<br />


20.search：定义用于输入搜索字符串的文本字段。<br />
<input type="search" /><br />
<br />


21.submit：定义提交按钮。<br />
<input type="submit" value="提交" /><br />
<br />


22.tel：定义用于输入电话号码的字段。<br />
输入电话：<input type="tel" /><br />
<br />


23.text：默认。定义一个单行的文本字段（默认宽度为 20 个字符）。<br />
<input type="text" /><br />
<br />


24.url：定义用于输入 URL 的字段。<br />
添加你的主页网址：<input type="url" /></p>

转载：