分享更有价值
被信任是一种快乐

HTML5新的输入类型有哪些

文章页正文上

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



f免费云主机、域名orm>
body>
html>
复制代码
提示:iPhone中的Safari浏览器支持数字输入类型,并通过更改触摸屏键盘来配合它(显示数字)。
输入类型-范围
范围类型为应该包含一定范围内数字值的输入域。条。您还能够设定对所接受的数字的限定。实例:

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

相关推荐: jquery如何清除元素的width

本篇内容介绍了“jquery如何清除元素的width”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成! 3种方法:1、使用width()将宽度设置为0,语法“$(“…

文章页内容下
赞(0) 打赏
版权声明:本站采用知识共享、学习交流,不允许用于商业用途;文章由发布者自行承担一切责任,与本站无关。
文章页正文下
文章页评论上

云服务器、web空间可免费试用

宝塔面板主机、支持php,mysql等,SSL部署;安全高速企业专供99.999%稳定,另有高防主机、不限制内容等类型,具体可咨询QQ:360163164,Tel同微信:18905205712

主机选购导航云服务器试用

登录

找回密码

注册