HTML5

一、语义化标签

常用新增语义化标签 :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可以是但标签,也可以是双标签

2、keygen

新增表单事件

oninput 当输入的内容改变时,触发(和onkeyup区别,这个不是键盘,是无论任何形式的改变都会触发)
oninvaild 当验证不通过时触发

进度条

progress 有max value等属性

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值