一、语义化标签
常用新增语义化标签 :header、nav、main、article、aside、section、footer。
二、表单
type属性
1、 邮箱验证功能
2、 在移动端获取焦点时弹出数字键盘
3、 网址验证功能,必须包含http
4、 限制输入数字,包含小数点,有上下箭头调数字
可以用max、min属性设置最大最小值
5、 有一个单机删除框
6、 设置范围,可以设置max 、min属性。一个滑动条
7、 颜色选择器
8、 时分秒
9、年月日
10、年月日时分秒
表单其他属性
1、placehoder:提示文本,用户输入删除后还在
2、autofocus:自动获取焦点
3、autocompelete on:打开 off:关闭
自动提示功能,两前提
其一、必须提交过才会记录下来
其二、设置auto的标签必须有name属性
4、required必须输入,如不输入不能提交
5、pattern 正则表达式的验证
6、 新增multiple属性可以选多个文件 或者传多个邮件,邮箱之间逗号分隔
7、在不在表单的外面提交绑定一个表单和他一起提交,原表单需要指定id
然后要绑定的表单的form=原表单id值
新增表单元素
1、在select基础上,既可以选择又可以输入,要用id号与input 的list属性进行绑定,兼容性不高,option可以是但标签,也可以是双标签
新增表单事件
oninput 当输入的内容改变时,触发(和onkeyup区别,这个不是键盘,是无论任何形式的改变都会触发)
oninvaild 当验证不通过时触发
进度条
progress 有max value等属性