H5新特性

1.新特性

---

    1.新的语义化标签：比如<header>,<nav>,<footer>和<section>等。

    2.表单 2.0 ：改进了HTMLweb表单，为<input>标签引入了一些新的属性。

    3.持久化本地存储：为了不通过第三方插件实现。

    4.WebSocket：用于应用程序的下一代双向通信技术。

    5.Canvas： 支持用JavaScript以编程的方式进行二维绘图。

    6.多媒体：在网页中嵌入音频或视频不再借助第三方插件。

    7.地理定位：用户可以选择与我们的网页共享他们的地理位置。

    8.拖拽：把同一网页上的元素从一个位置拖放到另一个位置。

---

2.新增标签  

1.多媒体：`<audio></audio>,<video></video>,<source></source>,<embed></embed>`

2.新表单元素：`<datalist>,<output>,<keygen>`

3.新文档节段和纲要:        页面头部：`<header>`        章节：`<section>`        边栏：`<aside>`        文档内容：`<article>`        页面底部：`<footer>`        章节：`<section>`        边栏：`<aside>`        文档内容：`<article>`

3.新的输入型控件（表单控件）

           • email:电子邮箱文本框，跟普通的没什么区别

                    –当输入不是邮箱的时候，验证通不过

                    –移动端的键盘会有变化

            • tel:电话号码

            • url:网页的URL

            • search:搜索引擎

                    –chrome下输入文字后，会多出一个关闭的X

            • range:特定范围内的数值选择器

                    –min、max、step(步数)

                    –例子:用JS来显示当前数值

            • number:只能包含数字的输入框

            • color:颜色选择器

            • datetime:显示完整日期

            • datetime-local  :显示完整日期，不含时区

            • time:显示时间，不含时区

            • date:显示日期

            • week:显示周

            • month:显示月

    新的表单特性和函数

            • placeholder  :输入框提示信息

                    –例子:微博的密码框提示

            • autocomplete  :是否保存用户输入值

                    –默认为on，关闭提示选择off

             • autofocus:指定表单获取输入焦点

             • list和datalist:为输入框构造一个选择列表

                    –list值为datalist标签的id

             • required:此项必填，不能为空

            • Pattern :正则验证pattern="\d{1,5}“

            • Formaction在submit里定义提交地址