html5 input 根据上一个选项自动填充_HTML5

历史版本

HTML5 简介

它是万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言（HTML）的第五次重大修改。用于取代HTML4与XHTML的新一代标准版本，所以叫HTML5。

• 增加了新特性

语义特性，本地存储特性，设备兼容特性，连接特性，网页多媒体特性，三维、图形及特效特性，性能与集成特性，CSS3特性。

• 优点

提高可用性和改进用户的友好体验

更好的语义化标签

可以给站点带来更多的多媒体元素(视频和音频)

可以很好的替代FLASH和Silverlight

当涉及到网站的抓取和索引的时候，对于SEO很友好；(语义化标签)

将被大量应用于移动应用程序和游戏

可移植性好

• 缺点

该标准并未能很好的被PC端浏览器所支持

IE9以下的浏览器几乎都不兼容

新增标签

这种语义化标准主要针对搜索引擎的 在页面中可以使用多次 多用于移动端

在IE9中，需要把这些元素转换为块级元素 display: block;

<audio> 音频标签

HTML5 在不使用落后的 flash 和其他浏览器插件的情况下也可以原生的支持音频格式文件的播放，当然支持格式有限

• 常见属性

<video> 视频标签

同音频

• 常见属性

新增<input>表单类型

以前

新增

注意:

number 可设置特殊要求 默认值 输入的最大最小值 以及增加/减少的步数(step为4)

range 和number相同

<datalist> 标签

<datalist> 标签规定了 <input> 元素可能的选项列表。

<datalist>元素包含了一组<option>元素，这些元素表示预定义可选值，在<input>元素输入过程中，会自动响应<option>元素的值。

绑定的<input>标签必须设置 list 属性，属性值等于<datalist>标签的 id 属性值。

输入gz 广州也可以显示 增加用户体验

option 可以是单标签

表单新增属性