1、可选数据列表
1 | <input list="city"> |
2、时间标签
1 | <p>明天早上<time>8:00</time>起床</p> |
3、mark突出重要文字
1 | <p><mark>重点</mark>有底色</p> |
4、可被编辑contenteditable
需要编辑哪个就加入contenteditable=”true”；contenteditable=”false”不能被编辑；designMode编辑整个页面，得在JS中编写document.designMode=’on’,为off不能被编辑
1 | <p contenteditable="true">P标签可以被编辑，不信来试试</p> |
5、hidden隐藏
1 | <p hidden="hidden">隐藏了</p> |
6、spellcheck语法检查
错的下边会有波浪线
1 | <p contenteditable="true">语法检查往后边写英文</p> |
7、tabindex
规定元素的tab键迭制次序，谁是1先是谁
1 | <p><a href="#" tabindex="2">我是第二个</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标签的图像高度和宽度
