HTML5新的输入类型有哪些

这篇文章主要介绍“HTML5新的输入类型有哪些”的相关知识，小编通过实际案例向大家展示操作过程，操作方法简单快捷，实用性强，希望这篇“HTML5新的输入类型有哪些”文章能帮助大家解决问题。
HTML 5拥有多个新的形成表单输入侧类型这些新特性提供了更好的输入侧控制状语从句：验证。
本章全面介绍这些新的输入类型：电子邮件，网址，数量，范围，日期选择器（日，月，周，时间，日期时间，本地日期时间），搜索，颜色
输入类型-电子邮件
电子邮件类型为应该包含电子邮件地址的输入域。在提交表单时，会自动验证电子邮件域的值。实例：
电子邮件：
复制代码
提示：iPhone中的Safari浏览器支持电子邮件输入类型，并通过更改触摸屏键盘来配合它（添加@和.com选项）。
输入类型
-url url类型为应该包含URL地址的输入域。在提交表单时，会自动验证url域的值。实例：
主页：
复制代码
提示：iPhone中的Safari浏览器支持url输入类型，并通过更改触摸屏键盘来配合它（添加.com选项）。
输入类型-数字
number类型为应该包含数值的输入域。接受的数字的限定：实例：
点数：
复制代码
我们通常使用下面的属性来规定对数字类型的限定：
属性值描述
最大限度数字规定允许的利率
分数字规定允许的预设
步数字规定合法的数字间隔（如果step =“ 3”，则合法的数是-3,0,3,6等）
价值数字规定预设值
让我们试一下带有所有限定属性的例子：大家亲自试一试吧，代码如下：

form>
body>
html>
复制代码
提示：iPhone中的Safari浏览器支持数字输入类型，并通过更改触摸屏键盘来配合它（显示数字）。
输入类型-范围
范围类型为应该包含一定范围内数字值的输入域。条。您还能够设定对所接受的数字的限定。实例：

复制代码
我们通常使用下面的属性来规定对数字类型的限定：
属性值描述
最大限度数字规定允许的利率
分数字规定允许的预设
步数字规定合法的数字间隔（如果step =“ 3”，则合法的数是-3,0,3,6等）
价值数字规定预设值
输入类型-日期选择器（数据检出器）
HTML 5拥有多个可选选择日期和时间的新输入类型：日期-选取日，月，年月-选取月，年周-选取周和年免费云主机域名时间-选取时间（小时和分钟）的datetime -选取时间，日，月，年（UTC时间）日期时间本地-选取时间，日，月，年（本地时间）
下面的例子允许您从日历中选取一个日期：实例：
日期：
复制代码
输入输入类型“月”：
月：
复制代码
输入输入类型“周”：
周：
复制代码
输入输入类型“时间”：
时间：
复制代码
输入输入类型“日期时间”：
日期和时间：
复制代码
输入输入类型“ datetime-local”：
日期和时间：
复制代码
输入类型-搜索
搜索类型为搜索域，某些站点搜索或Google搜索。search域显示为常规的文本域。关于“HTML5新的输入类型有哪些”的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识，可以关注百云主机行业资讯频道，小编每天都会为大家更新不同的知识点。

相关推荐: 蝉原则下CSS3怎么实现随机多背景随机圆角等效果

本文小编为大家详细介绍“蝉原则下CSS3怎么实现随机多背景随机圆角等效果”，内容详细，步骤清晰，细节处理妥当，希望这篇“蝉原则下CSS3怎么实现随机多背景随机圆角等效果”文章能帮助大家解决疑惑，下面跟着小编的思路慢慢深入，一起来学习新知识吧。“蝉原则”，英文称…

免责声明：本站发布的图片视频文字，以转载和分享为主，文章观点不代表本站立场，本站不承担相关法律责任；如果涉及侵权请联系邮箱：360163164@qq.com举报，并提供相关证据，经查实将立刻删除涉嫌侵权内容。