本文摘自PHP中文网，作者黄舟，侵删。
1.button：定义可点击的按钮（通常与 JavaScript 一起使用来启动脚本）。<br />
1 2 | <input id="" type="button" name="" value="按钮" /><br />
<br />
|
2.checkbox：定义复选框。<br />
1 2 3 | <input id="" type="checkbox" name="" />男<br />
<input id="" type="checkbox" name="" checked="checked" />女<br />
<br />
|
3.cancel：取消按钮，用于取消submit的提交。<br />
1 2 | <input id="" type="cancel" name="" /><br />
<br />
|
4.color：定义拾色器。<br />
1 2 | <input id="" type="color" name="" /><br />
<br />
|
5.date：定义 date 控件（包括年、月、日，不包括时间）。<br />
1 2 | <input id="" type="date" name="" /><br />
<br />
|
6.datetime：定义 date 和 time 控件（包括年、月、日、时、分、秒、几分之一秒，基于 UTC 时区）。</p>
1 2 3 4 5 6 7 | <
for
m
action
="">生日 (日期和时间):<input id="" type="datetime" name="" /> <input id="" type="submit" name="" value="提交" /></form>
<p><br />
<br />
|
7.datetime-local：定义 date 和 time 控件（包括年、月、日、时、分、秒、几分之一秒，不带时区）。<br />
1 2 | <input id="" type="datetime-local" name="" /><br />
<br />
|
8.month：定义 month 和 year 控件（不带时区）。<br />
1 2 | <input id="" type="month" name="" /><br />
<br />
|
9.week：定义 week 和 year 控件（不带时区）。<br />
1 2 | <input id="" type="week" name="" /><br />
<br />
|
10.time：定义用于输入时间的控件（不带时区）。<br />
1 2 | <input id="" type="time" name="" /><br />
<br />
|
11.email：定义用于 e-mail 地址的字段。</p>
1 2 3 | <form action=""></form>
<p>E-mail:<input id="" type="email" name="" /><br />
<br />
|
12.file：定义文件选择字段和 "浏览..." 按钮，供文件上传。<br />
1 2 | <input id="" type="file" name="" /><br />
<br />
|
13.hidden：定义隐藏输入字段。<br />
1 2 | <input id="" type="hidden" name="" /><br />
<br />
|
14.image：定义图像作为提交按钮。<br />
1 2 | <input id="" type="image" name="" /><br />
<br />
|
15.number：定义用于输入数字的字段。<br />
1 2 | <input id="" type="number" name="" /><br />
<br />
|
16.password：定义密码字段（字段中的字符会被遮蔽）。<br />
1 2 | <input id="" type="password" name="" /><br />
<br />
|
17.radio：定义单选按钮。<br />
1 2 3 | <input id="" type="radio" name="" />男<br />
<input id="" type="radio" name="" checked="checked" />女<br />
<br />
|
18.range：定义用于精确值不重要的输入数字的控件（比如 slider 控件）。<br />
1 2 | <input id="" type="range" name="" /><br />
<br />
|
19.reset：定义重置按钮（重置所有的表单值为默认值）。<br />
1 2 | <input id="" type="reset" name="" /><br />
<br />
|
20.search：定义用于输入搜索字符串的文本字段。<br />
1 2 | <input id="" type="search" name="" /><br />
<br />
|
21.submit：定义提交按钮。<br />
1 2 | <input id="" type="submit" name="" value="提交" /><br />
<br />
|
22.tel：定义用于输入电话号码的字段。<br />
输入电话：
1 2 | <input id="" type="tel" name="" /><br />
<br />
|
23.text：默认。定义一个单行的文本字段（默认宽度为 20 个字符）。<br />
1 2 | <input id="" type="text" name="" /><br />
<br />
|
24.url：定义用于输入 URL 的字段。<br />
添加你的主页网址：
1 | <input id="" type="url" name="" /></p>
|
以上就是HTML5的表单中关于所有type类型的详细介绍的详细内容，更多文章请关注木庄网络博客！
相关阅读 >>
HTML5需遵循怎样的6个设计原则？
如何使用HTML5+css3实现粒子效果文字动画特效（附完整代码）
HTML5移动端-viewport的详解
HTML5 地理定位
介绍下HTML5.1里的新内容
HTML5中表格嵌套规则是什么
HTML5面向对象的游戏开发简单实例分享
HTML5新增标签总结
HTML5中当鼠标滚轮正在被滚动时运行的脚本的事件onmousewheel
HTML5实现移动端下拉刷新（原理和代码）
更多相关阅读请进入《HTML5》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
转载请注明出处：木庄网络博客 » HTML5的表单中关于所有type类型的详细介绍
