欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

H5新增标签

程序员文章站 2022-05-30 09:26:08
...

一、H5的新特性

1.用于绘画的canvas元素

2.用于媒介回放的video和audio元素

3.对本地离线存储的更好的支持

4.新的特殊内容元素,比如article、footer、header、nav、section

5.新的表单控件:比如calendar、date、time、email、url、search

H5新增标签

完整的H5文档

H5新增标签

h5属性

H5新增标签

HTML5新增的input类型

1.url
2.email
3.number
4.range
5.Date pickers (date, month, week, time, datetime, datetime-local)
6.search
7.color

H5新增标签

1.Input 类型 - email
email 类型用于应该包含 e-mail 地址的输入域。
在提交表单时,会自动验证 email 域的值。
实例:

E-mail: <input type="email" name="user_email" />

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

Homepage: <input type="url" name="user_url" />

3.Input 类型 - number
number 类型用于应该包含数值的输入域。
您还能够设定对所接受的数字的限定:
实例:

Points: <input type="number" name="points" min="1" max="10" />

4.Input 类型 - range
range 类型用于应该包含一定范围内数字值的输入域。
range 类型显示为滑动条。
您还能够设定对所接受的数字的限定:
实例:

<input type="range" name="points" min="1" max="10" />

H5新增标签

H5新增标签