HTML5属性变化

一、Input
type:email
type:url
type:tel
这三个新的type类型都是在pc端上与普通的input type:text没有区别,只有在移动端才会又相应的键盘的改变。

type:number
PC: 新增了右边的数字++、–,并且会识别非数字的输入,这些非数字的输入会被阻拦,只有e能输入,因为会把e当作自然对数。
(只能输入0~9 + - . e)
移动端:更改相应的数字键盘

data pickers input类型
Date—选取年、月、日
Month—选取年、月
Week—选取年、周
Time—选取时间(小时、分钟)
Datetime—选取年月日(UTC时间)
Datetime-local—选取年月日(本地时间)

type:range 从min-max的值的选取 如果没有设置max min则是1~100

type:search 搜索框

type:color 颜色选取框

二、表单属性form
1、autocomplete—可以用在整个form上也可以用在单个的input上,默认autocomplete=“on”。
输入一个值在input里面,提交之后关闭浏览器,再次打开浏览器,点击输入框会在下方出现之前提交过的内容,如果autocomplete="false"则不会记忆。

2、autofocus—规定在页面加载的时候自动获取焦点
autofocus=“autofocus”

3、multiple—适用于input type=file 与input type=email
可以让输入域输入多个值(file可以传入多个文件、email可以同时传多个邮箱并且后台能够以","识别出多个不同的邮箱)

4、placeholder

5、required----required="required"规定表单在提交之前必须先填写,不能为空
对于email会识别是否是邮箱的格式

三、链接属性
sizes—用于link标签,对引入图标的大小进行控制。根据不同分辨率的设备设置不同的sizes

target—用于base标签,放在head中,使所有的a标签都是以target="_blank"弹出

超链接
a:media 表示对设备进行优化,handheld表示对手持设备进行支持 ,tv表示对电视设备进行支持

a:hreflang="zh"设置语言,这里是设置为中文

a:rel=“external” 设置超链接的引用,这里的超链接是外部链接。

四、script标签
1、defer:加载完脚步之后并不执行,而是等整个页面加载完了才执行(仅兼任ie浏览器)

2、async:加载完脚本之后立即执行,不用等整个页面加载完成(js与页面html同时加载),属于异步执行(兼任所有主流浏览器)

五、ol标签属性
start:规定有序列表的开始数字start=“5”

reversed:倒序的有序列表 reversed=“reversed”

六、其他属性
html属性:

定义页面离线应用文件,也就是缓存下manifest的内容,离线的状态下再次进入也能加载之前缓存的内容

style属性:

内嵌css(感觉用处不大,不建议使用)

猜你喜欢

转载自blog.csdn.net/qq_43336475/article/details/84889957