H5新增元素及属性

H5新增元素

新增表单元素

type=“email”：限制用户输入为邮箱类型

type=“url”:限制用户输入为网址，输入内容必须包含http://或者https://

type=“number”:限制用户输入为数字类型，输入内容必须是数字和小数点（输入框最右边有上下调节按钮）
属性：value,min,max,step(设置步进值，即每次递增递减的数值)

type=“range”:滑动条
属性：value,min,max,step(设置步进值，即每次递增递减的数值)

type=“Date”:日期选择器

type=“search”：搜索域，点击“X”会将内容清楚

type=“color”：颜色选择器

type=“tel”：在移动端打开数字键盘，限定用户只能填写数字。(并不能验证手机号格式，只限定用户只能填写数字)

datalist

<input list="field">
<datalist id="field">
			<option value="小红"></option>
			<option value="小黄"></option>
			<option value="小兰"></option>
</datalist>

option

output

<form oninput="x.value=parseInt(a.value)+parseInt(b.value)">
	   0<input type="range" id="a" value="50">100
	   +<input type="number" id="b" value="50">
	   =<output name="x" for="a b"></output>
</form>

optgroup

<select>
		<optgroup label="cellphone">
				<option>vivo</option>
				<option>oppo</option>
		</optgroup>
		<optgroup label="people">
				<option>小红</option>
				<option>小黄</option>
		</optgroup>
</select>

新增表单属性

required:设置表单元素必填
placeholder：设置输入提醒
form：用于设置input元素属于哪个表单

<form action="#" method="get"  autocomplete="on" id="myfrom">
		<input type="text" name="txt">
		<input type="submit" name="" value="提交">
	</form> 
<input type="text" name="txt2" form="myfrom">

autofocus：某文本框设置该属性时会自动获得焦点
multiple：用于设置元素是否可以有多个值，该属性只适用于eamil和file类型
pattern：使用正则表达式匹配元素中的值
list：设置该元素为列表形式，适用于text,search,url,tel,email,date…等表单类型一般与datalist元素并用

<input type="search" list="field">
<datalist id="field">
			<option value="1"></option>
			<option value="2"></option>
			<option value="3"></option>
</datalist>

autocomplete:（on/off）当设置为on时，启动自动完成功能，设置为off时则关闭该功能。每提交一次会增加一个选项

<form action="#" method="get"  autocomplete="on">
		<input type="text" name="txt">
		<input type="submit" name="" value="提交">
</form> 

新增语义化元素

section：独立内容模块
article：文章核心模块
aside：标签内容之外相辅的信息
header：头部/标题
footer：底部
nav：导航
figure：有文字有图片的区域
figcaption：定义figure的标题
bdi：设置文本方向
command：定义命令按钮
details：描述文档某个部分的细节
summary：定义detail的标题
dialog：定义对话框
mark：使文本高亮显示
meter：定义度量衡，仅用于已知最大值和最小值的度量
progress：定义任务进度
ruby：定义ruby注释
rt：定义字符的解释或发音
rp：定义不支持ruby元素的浏览器所显示的内容
time：定义日期或时间
wbr：规定在文本何处添加换行符

已移除元素

acronym
applet
basefont
big
center
dir
font
frame
frameset
noframes
strike

新增画图工具

canvas

新增多媒体

audio
video