html5(1)新增简介

h5新增-简单介绍

• html5和html4的结构
• 语义化标签
  • 传统布局
  • 文章结构
  • html5新标签兼容处理
  • html5shiv.js兼容处理
• 表单
  • 复习旧的表单输入类型

    text password radio checkbox button file hidden submit reset image
    ``` 
      - 新的表单元素

fieldset legend lable[for] email、tel、url、search、number[min max step]、range、color
数据列表：datalist(可输入的下拉框)
日期类型：date、time、datetime、datetime-local、month、week
进度条：progress meter
```

• 表单属性
  • placeholder:占位符-提示信息
  • autofocus:自动获得焦点-一般页面中放1个
  • autocomplete:自动完成–要加上name属性
  • multiple:可以多选文件提交
  • form属性，可以将需要整页提交的表单标签放到标签外面
  • require:必填验证
  • novalidate:关闭验证
  • pattern：自定义验证-可以直接在form标签中添加或者单独的标签 - 验证失败的时候触发
• 表单事件
  • oninvalid：没通过验证的时候触发(this.setCustomValidity)
  • oninput:输入值后马上触发
  • oncontextmenu 鼠标右键事件
  • dom拓展
• 复习旧的获取dom元素的方式
• 两种新的获取dom元素（很常用）
  • document.querySelector()-单个元素
  • document.querySelectorAll()-数组
• 四种操作class的方法
  • add
  • remove
  • contains
  • toggle
• 自定义属性
  • dataset对象
  • 多媒体标签
• audio
  • 属性
  • 方法
  • 事件
• video
  • 属性
  • 方法
  • 事件
• video.js