这篇文章主要介绍了html5新增的8类input输入类型介绍,这8个新的输入类型分别是email类型、url类型、number类型、range类型、日期类型、search类型、tel类型,本文分别对它们一一介绍,需要的朋友可以参考下
已经有的输入类型 HTML代码示例：
文本域 单选按钮 复选框 下拉列表 密码域 提交按钮 可单击按钮 图像按钮 隐藏域 重置按钮 文件域
登录后复制
在HTML5中，增加了多个新的表单input输入类型，通过使用这些新增元素，可以实现更好的输入控制和验证。
1、email类型的应用
email类型的input元素是一种专门用于输入E-mail地址的文本输入框，在提交表单的时候，会自动验证email输入框的值。
登录后复制登录后复制登录后复制登录后复制登录后复制登录后复制
2、url类型的应用
url类型的input元素提供用于输入url地址这类特殊文本的文本框。
登录后复制登录后复制登录后复制登录后复制登录后复制登录后复制
3、number类型的应用
number类型的input元素提供用于输入数值的文本框。
立即学习“前端免费学习笔记（深入）”；
登录后复制登录后复制登录后复制登录后复制登录后复制登录后复制
4、range类型的应用
range类型的input元素提供用于输入包含一定范围内数字值得文本框，在网页中显示为滚动条。
登录后复制登录后复制登录后复制登录后复制登录后复制登录后复制
5、日期检出类型的应用
输入类型 HTML代码 功能说明
date
登录后复制
选取日、月、年
month
登录后复制
选取月、年
week
登录后复制
选取周和年
time
登录后复制
选取时间（小时和分钟）
datetime
登录后复制
选取时间、日、月、年（UTC时间）
datetime-local 选取时间、日、月、年（本地时间）
登录后复制
6、search类型的应用
search类型的input元素提供用于输入搜索关键词的文本框。
input[type="search"]{ -webkit-appearance:textfield; }
登录后复制
7、tel类型的应用
tel类型的input元素提供专门用于输入电话号码的文本框。
登录后复制登录后复制登录后复制登录后复制登录后复制登录后复制
8、color类型的应用
color类型的input元素提供专门用于设置颜色的文本框。
登录后复制登录后复制登录后复制登录后复制登录后复制登录后复制
以上就是本文的全部内容，希望对大家的学习有所帮助，更多相关内容请关注PHP中文网！
相关推荐：
HTML5的触摸事件
以上就是新增HTML5的八类INPUT输入的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/3124521.html
