监测html属性变化,HTML5属性变化

1、Input

type:email

type:url

type:tel

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

type:number

PC: 新增了右边的数字++、–，而且会识别非数字的输入，这些非数字的输入会被阻拦，只有e能输入，由于会把e看成天然对数。

(只能输入0~9 + - . e)

移动端：更改相应的数字键盘html

data pickers input类型

Date—选取年、月、日

Month—选取年、月

Week—选取年、周

Time—选取时间(小时、分钟)

Datetime—选取年月日(UTC时间)

Datetime-local—选取年月日(本地时间)web

type:range 从min-max的值的选取 若是没有设置max min则是1~100浏览器

type:search 搜索框缓存

type:color 颜色选取框异步

2、表单属性form

一、autocomplete—能够用在整个form上也能够用在单个的input上，默认autocomplete=“on”。

输入一个值在input里面，提交以后关闭浏览器，再次打开浏览器，点击输入框会在下方出现以前提交过的内容，若是autocomplete="false"则不会记忆。async

二、autofocus—规定在页面加载的时候自动获取焦点

autofocus=“autofocus”svg

三、multiple—适用于input type=file 与input type=email

可让输入域输入多个值(file能够传入多个文件、email能够同时传多个邮箱而且后台可以以"，"识别出多个不一样的邮箱)优化

四、placeholderui

五、required----required="required"规定表单在提交以前必须先填写，不能为空

对于email会识别是不是邮箱的格式

3、连接属性

sizes—用于link标签，对引入图标的大小进行控制。根据不一样分辨率的设备设置不一样的sizes

target—用于base标签，放在head中，使全部的a标签都是以target="_blank"弹出

超连接

a:media 表示对设备进行优化，handheld表示对手持设备进行支持 ，tv表示对电视设备进行支持

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

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

4、script标签

一、defer：加载完脚步以后并不执行，而是等整个页面加载完了才执行(仅兼任ie浏览器)

二、async:加载完脚本以后当即执行，不用等整个页面加载完成(js与页面html同时加载)，属于异步执行(兼任全部主流浏览器)

5、ol标签属性

start:规定有序列表的开始数字start=“5”

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

6、其余属性

html属性： 定义页面离线应用文件，也就是缓存下manifest的内容，离线的状态下再次进入也能加载以前缓存的内容

style属性：

内嵌css(感受用处不大，不建议使用)