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里定义提交地址