HTML5中的input类型的属性有哪些-创新互联

今天就跟大家聊聊有关HTML5中的input类型的属性有哪些,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。

10年积累的成都网站设计、成都做网站、外贸网站建设经验,可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你,你也不认识我。但先做网站设计后付款的网站建设流程,更有德化免费网站建设让你可以放心的选择与我们合作。

HTML5中的input类型包含email、url、number、range、search等属性,每一种属性都具有不同的功能

今天将介绍HTML5中新的输入类型input,这些新功能将大大的帮助我们实现更多的功能以及提供更好的用户体验,接下来在文章中将为大家详细介绍input类型的用法。

input类型的属性

(1)email属性:适用于包含 e-mail 地址的输入域,在提交表单时,会自动验证 email 域的值。

当我们输入错误值的时候他会自动提示要输入正确的格式,并告诉你缺少了什么

E-mail:

效果图

HTML5中的input类型的属性有哪些

(2)url属性:适用于包含 URL 地址的输入域。在提交表单时,会自动验证 url 域的值。

当输入错误时显示请输入网址

URL:

效果图

HTML5中的input类型的属性有哪些

(3)number属性:适用于包含数值的输入域。还能够设定对所接受的数字的限定

max:指允许的数字的大值

min:指允许的数字的最小值

step:指合法的数字间隔,例:step=3代表数字间隔为3

value:默认值

Points:

效果图

HTML5中的input类型的属性有哪些

(4)range属性:适用于包含一定范围内数字值的输入域,它的显示为滑动条

max:允许的大值

min:允许的最小值

step:允许的合法的数字间隔

value:默认值

Range:

HTML5中的input类型的属性有哪些

(5)search属性:适用于搜索域,比如站点搜索或 Google 搜索。

search 域显示为常规的文本域

Search:

效果图

HTML5中的input类型的属性有哪些

总结:以上就是本篇文章的全部内容了,希望通过这篇文章能让大家对于HTML5中的input类型有一定的了解并且可以应用到实际案例中去。

看完上述内容,你们对HTML5中的input类型的属性有哪些有进一步的了解吗?如果还想了解更多知识或者相关内容,请关注创新互联网站制作公司行业资讯频道,感谢大家的支持。


文章名称:HTML5中的input类型的属性有哪些-创新互联
当前路径:http://scjbc.cn/article/dgcojj.html

其他资讯