表单

html表单：

<input> (行级块元素)
1.password
2.radio
3.checkbox
4.text (placeholder =” ” 默认提示信息)
5.button 必须利用value= “提交”才能等于submit
6.submit

html5新增表单：

1.email 校验邮箱 2.url 校验地址 3.number 限定只能是数字属性（max = “ ” ，min =” ” ，step =” ” ） 4.range 滑块（max ，min , step） 5.search 在文本框里面有一个清空按钮 6.date （自带删除按钮）最常用 7.month , time 8.color （十六进制颜色编码） 9.tel 只有手机上可以生效，调起拨号键盘（maxlength表示最长输入字符） 10.file 上传文件（accept = “image/png” 表明只能上传png的图片） 11.属性disabled 禁用状态 12.datalist 下拉列表（使用datalist这种下拉列表，必须要求list和datalist中的id名字相同）

<form action="">
        <input type="text" list="name">
        <datalist id="name">
            <!-- 使用datalist这种下拉列表，必须要求list和datalist中的id名字相同 -->
            <option value="At Eiors" label="18">At Eiors</option>
            <option value="cyy" label="17">cyy</option>
            <option value="buding">buding</option>
            <!-- 这里面label主要是为了区分同名的value -->
        </datalist>
  </form>

音频

audio （属性atuoplay自动播放，不是所有浏览器都支持，ios不支持自动播放）
src 表示的是文件地址，可以是绝对路径（完整的url），也可是相对地址（本地地址）
属性controls是播放控件
不同浏览器支持格式不同v
利用source兼容不同浏览器，type是类型
Loop 循环播放

视频

video（MP4格式）
属性 autoplay controls loop
有width 和height
Source 也是为了兼容不同浏览器的格式

<!--音频文件-->
<audio src="./1.mp3" autoplay controls loop></audio>
    <!-- autoplay 自动播放 controls播放控件 loop 循环播放 -->
    <!-- 利用source兼容不同浏览器对音频播放文件的格式 -->
    <!-- <audio autoplay controls loop>
        <source src="song.ogg" type="audio/ogg">
        <source src="song.mps" type = "audio/mpeg">
</audio> -->
<!--视频文件-->
 <video src="http://www.w3.org/2000/svg" autoplay controls loop width="500" height="300"></video>

绝对路径：网址
相对路径：本地文件

开发者工具：

element.style 调试是内联样式
当前元素的盒模型
Console里面可以直接执行js
Source资源 css img js 登陆服务器，图片服务器
Network（网络请求）访问当前页面的资源路径，接口地址（XHR页面接口请求获取的信息，preview会返回请求到的信息）
Application 本地存储 cookies

设置属性方法

oDiv.index
oDiv.setAttribute(“index”,1)
oDiv.dataset.index = 1

<div data-index = “1”>

只有oDiv.index这种方法无法在html中看见,剩下的都可以

获取属性方法

oDiv.index
oDiv.getAttribute(“index”)
oDiv.dataset.index

选择器

querySelector 只找一个标签，querySelectorAll 是找多个标签，找到的结果是数组
querySelector 找到的是该类下的第一个标签

图片懒加载

img中src放的是质量较小的图片，但是data-src放的是图片的真实地址
图片滚入可视区域后，再将真正的地址赋值给src属性
花瓣网图标

HTML5(二)——表单，音频，视频，属性

表单