HTML5新的输入类型有哪些

这篇文章主要介绍"HTML5新的输入类型有哪些"的相关知识，小编通过实际案例向大家展示操作过程，操作方法简单快捷，实用性强，希望这篇"HTML5新的输入类型有哪些"文章能帮助大家解决问题。

HTML 5拥有多个新的形成表单输入侧类型这些新特性提供了更好的输入侧控制状语从句：验证。

本章全面介绍这些新的输入类型：电子邮件，网址，数量，范围，日期选择器（日，月，周，时间，日期时间，本地日期时间），搜索，颜色

输入类型-电子邮件

电子邮件类型为应该包含电子邮件地址的输入域。在提交表单时，会自动验证电子邮件域的值。实例：

电子邮件：

复制代码

提示：iPhone中的Safari浏览器支持电子邮件输入类型，并通过更改触摸屏键盘来配合它（添加@和.com选项）。

输入类型

-url url类型为应该包含URL地址的输入域。在提交表单时，会自动验证url域的值。实例：

主页：

复制代码

提示：iPhone中的Safari浏览器支持url输入类型，并通过更改触摸屏键盘来配合它（添加.com选项）。

输入类型-数字

number类型为应该包含数值的输入域。接受的数字的限定：实例：

点数：

复制代码

我们通常使用下面的属性来规定对数字类型的限定：

属性 值 描述

最大限度 数字 规定允许的利率

分 数字 规定允许的预设

步 数字 规定合法的数字间隔（如果step =" 3"，则合法的数是-3,0,3,6等）

价值 数字 规定预设值

让我们试一下带有所有限定属性的例子：大家亲自试一试吧，代码如下：

<！DOCTYPE HTML>

<身体>