HTML5新的输入类型有哪些-成都快上网建站

HTML5新的输入类型有哪些

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

创新互联主营吉林网站建设的网络公司,主营网站建设方案,成都APP应用开发,吉林h5重庆小程序开发搭建,吉林网站营销推广欢迎吉林等地区企业咨询

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

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

输入类型-电子邮件

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

电子邮件:

复制代码

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

输入类型

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

主页:

复制代码

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

输入类型-数字

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

点数:

复制代码

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

属性 值 描述

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

分 数字 规定允许的预设

步 数字 规定合法的数字间隔(如果step =“ 3”,则合法的数是-3,0,3,6等)

价值 数字 规定预设值

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

<!DOCTYPE HTML>

<身体>

复制代码

提示:iPhone中的Safari浏览器支持数字输入类型,并通过更改触摸屏键盘来配合它(显示数字)。

输入类型-范围

范围类型为应该包含一定范围内数字值的输入域。条。您还能够设定对所接受的数字的限定。实例:

复制代码

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

属性 值 描述

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

分 数字 规定允许的预设

步 数字 规定合法的数字间隔(如果step =“ 3”,则合法的数是-3,0,3,6等)

价值 数字 规定预设值

输入类型-日期选择器(数据检出器)

HTML 5拥有多个可选选择日期和时间的新输入类型:日期-选取日,月,年月-选取月,年周-选取周和年时间-选取时间(小时和分钟)的datetime -选取时间,日,月,年(UTC时间)日期时间本地-选取时间,日,月,年(本地时间)

下面的例子允许您从日历中选取一个日期:实例:

日期:

复制代码

输入输入类型“月”:

月:

复制代码

输入输入类型“周”:

周:

复制代码

输入输入类型“时间”:

时间:

复制代码

输入输入类型“日期时间”:

日期和时间:

复制代码

输入输入类型“ datetime-local”:

日期和时间:

复制代码

输入类型-搜索

搜索类型为搜索域,某些站点搜索或Google搜索。search域显示为常规的文本域。

关于“HTML5新的输入类型有哪些”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识,可以关注创新互联行业资讯频道,小编每天都会为大家更新不同的知识点。


新闻标题:HTML5新的输入类型有哪些
文章链接:http://kswjz.com/article/peegod.html
扫二维码与项目经理沟通

我们在微信上24小时期待你的声音

解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流