H5新增元素及属性

1、可选数据列表

    <input list="city">
	<datalist id="city">
	<option value="北京"></option>
	<option value="上海"></option>
	<option value="广州"></option>
	<option value="深圳"></option>
	</datalist>

2、时间标签

<p>明天早上<time>8:00</time>起床</p>

3、mark突出重要文字

<p><mark>重点</mark>有底色</p>

4、可被编辑contenteditable

需要编辑哪个就加入contenteditable="true"；contenteditable="false"不能被编辑；designMode编辑整个页面，得在JS中编写document.designMode='on',为off不能被编辑

<p contenteditable="true">P标签可以被编辑，不信来试试</p>

5、hidden隐藏

<p hidden="hidden">隐藏了</p>

6、spellcheck语法检查

错的下边会有波浪线

<p contenteditable="true">语法检查往后边写英文</p>

7、tabindex

规定元素的tab键迭制次序，谁是1先是谁

    <p><a href="#" tabindex="2">我是第二个</a></p>
	<p><a href="#" tabindex="1">我是第一个</a></p>
	<p><a href="#" tabindex="3">我是第三个</a></p>

8、CSS3高级选择器

first-of-type------p:first-of-type选择属于其父元素的首个元素的每个元素
last-of-type------p:last-of-type选择属于其父元素的最后元素的每个元素
only-of-type------p:only-of-type选择属于其父元素唯一的元素的每个元素
first-child------p:first-child选择属于其父元素第一个子元素的每个元素
last-child------p:last-child选择属于其父元素最后一个子元素的每个元素
nth-child(n)------p:nth-child(n)选择属于其父元素的第n个子元素的每个元素
:before------p:before在每个元素的内容之前插入内容
:after------p:after在每个元素的内容之后插入内容

9、H5新增input类型

email------电子邮件地址文本框，提交表单时会自动验证email的值
url------网页的URL，提交表单时会自动验证URL的值
color------主要用于选取颜色
search------用于搜索引擎（搜索框）
number------只包含数值的字段，能够设定对所接受的数字的限定
range------滑动条，特定值范围内的数值选择器
Date pickers------拥有多个可供选择日期的新输入类型

10、H5新增input类型-Date pickers属性值

date------选择日、月、年
month------选择月、年
week------选择周、年
time------选择时间（小时和分钟）
datetime------选择时间、日、月、年（UTC时间）UTC时间也称世界统一时间
datetime------选择时间、日、月、年（本地时间）

11、H5新增input类型-number属性值

max---number---规定允许的最大值
min---number---规定允许的最小值
step---number---规定合法的数字间隔
value---number---规定的默认值

12、H5新增input类型-range属性值

max---number---规定允许的最大值
min---number---规定允许的最小值
step---number---规定合法的数字间隔
value---number---规定的默认值

13、H5新增表单元素

datalist------标签定义选项列表，与input元素配合使用该元素，来定义input可能的值
Keygen------规定用于表单的密钥对生成器字段
output------标签定义不同类型的输出，比如脚本的输出

14、H5新增form属性

autocomplete------规定form或input域应该拥有自动完成功能，autocomplete属性值为on或off，表单记忆
novalidate------规定在提交表单时不应该验证form或input域

15、H5新增input属性

autofocus------页面加载时自动获得焦点，autofocus只能设置一个
required------规定输入域不能为空
placeholder------提供一种提示，描述输入域所期待的值，placeholder='不能缺少此字符'
pattern------规定验证input域的模式（正则表达式），pattern='[a-zA-z]{3}',表示只能填3个英文字母
height、width------仅适用于image类型的input标签的图像高度和宽度

Welcome