HTML5中新增了什么input控件类型-成都快上网建站

HTML5中新增了什么input控件类型

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

成都创新互联公司专注于企业全网整合营销推广、网站重做改版、松岭网站定制设计、自适应品牌网站建设、H5场景定制成都商城网站开发、集团公司官网建设、成都外贸网站制作、高端网站制作、响应式网页设计等建站业务,价格优惠性价比高,为松岭等各大城市提供网站开发制作服务。

新增13个类型:1、color,拾色器控件;2、date,日期控件,包括年月日,但不包括时间;3、tel,电话号码控件;4、time,时间控件(不带时区);5、“datetime-local”,日期时间控件;6、search,搜索控件等等。

本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

标签规定了用户可以在其中输入数据的输入字段,该元素在

元素中使用,用来声明允许用户输入数据的 input 控件。

type 属性规定要显示的 元素的类型。

HTML5中新增的input控件类型(type 属性值)

描述
color定义拾色器。
date定义 date 控件(包括年、月、日,不包括时间)。
datetime定义 date 和 time 控件(包括年、月、日、时、分、秒、几分之一秒,基于 UTC 时区)。
datetime-local定义 date 和 time 控件(包括年、月、日、时、分、秒、几分之一秒,不带时区)。
email定义用于 e-mail 地址的字段。
month定义 month 和 year 控件(不带时区)。
number定义用于输入数字的字段。
range定义用于精确值不重要的输入数字的控件(比如 slider 控件)。
search定义用于输入搜索字符串的文本字段。
tel定义用于输入电话号码的字段。
time定义用于输入时间的控件(不带时区)。
url定义用于输入 URL 的字段。
week定义 week 和 year 控件(不带时区)。

下面介绍类型:

  • color

HTML5中新增了什么input控件类型
点击时弹出颜色选择器,可以选择任意颜色

  • number
    HTML5中新增了什么input控件类型
    输入范围内的数字,可以手动输入超出范围的数字,但不能提交

  • tel
    输入电话号码,只有safari支持

  • email
    自带检测功能,提交时会检测是否包含@符,并且@符前后是否有字符

  • range
    HTML5中新增了什么input控件类型

  • url
    输入的网址必须是http://开头,并且后面必须有字符,否则不能提交

  • search

    定义用于输入搜索字符串的文本字段

  • 日期控件 - date

HTML5中新增了什么input控件类型

  • 时间控件 - time

HTML5中新增了什么input控件类型

HTML5中新增了什么input控件类型


  • 日期时间控件 - datetime-local

HTML5中新增了什么input控件类型

  • 月控件 - month

HTML5中新增了什么input控件类型

  • 周控件 - week

HTML5中新增了什么input控件类型

  • 日期时间控件--datetime

HTML5中新增了什么input控件类型

说明:日期时间控件也支持min和max属性,表示可设置的最小和最大时间

HTML5中新增了什么input控件类型

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


分享名称:HTML5中新增了什么input控件类型
文章路径:http://kswjz.com/article/gdecph.html
扫二维码与项目经理沟通

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

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