网创优客建站品牌官网
为成都网站建设公司企业提供高品质网站建设
热线:028-86922220
成都专业网站建设公司

定制建站费用3500元

符合中小企业对网站设计、功能常规化式的企业展示型网站建设

成都品牌网站建设

品牌网站建设费用6000元

本套餐主要针对企业品牌型网站、中高端设计、前端互动体验...

成都商城网站建设

商城网站建设费用8000元

商城网站建设因基本功能的需求不同费用上面也有很大的差别...

成都微信网站建设

手机微信网站建站3000元

手机微信网站开发、微信官网、微信商城网站...

建站知识

当前位置:首页 > 建站知识

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://bjjierui.cn/article/peegod.html

其他资讯