Html5新特性(1)

data-***
 符合html5规范
 高级浏览器支持
 js提供dataset方法
 jq提供data方法
 CSS提供attr() 方法

dataset
*带连字符连接的名称在使用的时候需要命名驼峰化

$(‘’).data()
*data方法，页面初始化时缓存数据，后续无法修改属性值。
参考文献： http://www.learningjquery.com/2011/09/using-jquerys-data-apis

datalist
*扩展阅读： http://www.zhangxinxu.com/wordpress/2013/03/html5-datalist-实际应用-可行性/

download
Download属性：表明一个资源是让用户下载的,而不是立即显示的。
Download如果存在值，则这个值是文件名。
DEMO

下载动态生成的文件
可以通过Bob创建二进制文件，然后用这个属性下载到本地。

autofocus
Autofocus：页面加载时自动地获得焦点。
仅对 input、button、textarea等表单元素有效
多个autofocus存在时，作用于最后一个
DEMO

placeholder
文本框默认文字提示
默认颜色在各浏览器下表现不一致，建议通过CSS重置样式
DEMO

Context Menus
Chrome暂不支持
DEMO

HTML5 JS API
• 未完待续
• 3Q

Recomendados