HTML5新增的属性--01

一、新增的button属性

1、form="" 指定提交的form表单id--IE不支持

button可以写在form外面

<button form="myform">提交</button>

2、formnovalidate 表单提交不验证

<button form="myform" formnovalidate>提交</button>

3、formtarget="" 表单提交的页面打开的位置

<button form="myform" formtarget="">提交</button>

_self _blank

4、formaction="" 表单提交的位置

<button form="myform" formaction="">提交</button>

5、formmethod="" 表单提交的提交方式

<button form="myform" formmethod="">提交</button>

post get

6、formenctype="" 文件上传

<button form="myform" formenctype="multipart/form-data">提交</button>

二、新增的form属性

1、output="" 不同类型的输出

<output></output>

2、datalist 自定义下拉菜单

<input type="text" list="mylist">

<datalist id="mylist">

<option></option>

<option></option>

</datalist>

3、Keygen 验证用户

<keygen name="key">

--基于安全考虑的密钥 兼容性特别差

三、新增的全局属性

1、contenteditable="" 内容是否可以被编辑

ture false

2、contextmenu 右键菜单--只有Firefox支持

3、draggable="" 元素是否可以拖动

ture false auto

4、hidden 隐藏元素 不占位

5、spellcheck="" 拼写检查

四、HTML5兼容解决方式

1、IE使用最高版本解析

<meta http-equiv="X-UA-Compatible" content="IE=Edge">

2、多核浏览器 使用webkit内核

<meta name="renderer" content="webkit">

QQ浏览器、猎豹、搜狗

3、条件注释--让IE9以下的IE浏览器支持HTML5标签--只有IE支持

<!--[if lt IE9]>

<script src="./html5shiv.min.js"></script>

<![endif]-->

4、使用ckplayer插件解决视频兼容

必须在服务器中使用