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