H5新特性

Html表单元素

datalist，配合text框进行下拉选择及搜索提示的

<form action="#">
     <input list="browsers" name="browser">
     <datalist id="browsers">
         <option value="Internet Explorer">
         <option value="Firefox">
         <option value="Chrome">
         <option value="Opera">
         <option value="Safari">
     </datalist>
     <input type="submit">
</form>

audio，音频控件
vidio，视频控件
source，用于存储多个url，供浏览器选择可解码的文件，但不会循环播放

web数据存储

兼容性问题：从ie8开始可用

localstorage

一个通用的对象，类似全局变量。用于永久存储数据，用其记录的数据，如果再次进去此界面，就算注释这个数据，只要在同一服务器下，相同浏览器均可访问此数据
有以下特性：
1、存储以键值对的形式存储，均为string格式
2、最大5m
3、永久有效

sectionstorage

在不关闭页面的情况下，可记录当前的数据，关闭界面结束会话后清空数据

以上的方法均一样：

• 保存数据：localStorage.setItem(key,value);
• 读取数据：localStorage.getItem(key);
• 删除单个数据：localStorage.removeItem(key);
• 删除所有数据：localStorage.clear();
• 得到某个索引的key：localStorage.key(index);