H5笔记 表单新特性 HTML新的表单元素 视频和音频

HTML5

一、 表单新特性

已经学过的type值：

（1）text  文本

（2）password  密码

（3）radio  单选框

（4）checkbox 复选框

（5）button  按钮

（6）reset  重置

（7）submit 提交

（8） image  图片

（9）file   文件

（10） hidden  隐藏

html中新增的input的type值

二、**html新的表单元素**

html之前的表单元素 select option textarea可与用户交互并提交

html5新增的表单元素不可与用户交互，不能提交，仅用于信息展示

1） datalist:数据列表，为某个输入框提供输入建议

2)进度条

**html5表单新特性之----表单元素新的属性-----重点**

html5之前表单标签的常用属性:

   name  value  readonli  disabled  checked  for

html5中表单的新属性

1)placeholder与value不同，不能被提交

2)autofocus自动获得焦点 标识了该属性的输入框会自动的获得输入焦点

3)multiple多项 用于email和file输入框，允许其中输入多个值，用逗号分隔

4）autocomplete:自动完成，可取值on/off，制定输入域是否记录上一条提交的输入，下次输入时给予提示

5)required:必须填 若没有输入则无法提交

6)min最小值 若输入值小于该值则无法提交

7)min最小值 若输入值小于该值则无法提交

8）minlength  最小长度如输入的字符串小于该值则无法提交

9）maxlength  最大长度如输入的字符串大于该值也无法提交

10）pattern 正则表达式 若输入的字符串不符合正则则无法提交

三、视频和音频

Video：视频

video默认是一个300*150的inline-block

video标签常用的属性

autoplay:false是否自动播放

controls:false是否显示播放控件

currentTime:1.4901当前播放到的时间

duration:60总时长

defaultMuted:false默认是否静音

loop:false是否自动循环播放

muted:false当前是否静音

paused:false当前是否处于暂停状态

poster:仅在影片开始播放之前显示海报

volumn:1，当前播放音量

video标签常用的方法：

play()让视频开始播放

pause()让视频暂停播放

audio：音频

audio标签是一个默认300*30de inline-block ,如不显示播放控件，则display为none

audio标签常用属性

autoplay:false是否自动播放

controls:false是否显示播放控件

currentTime:1.4901播放到当前时间

duration:60.2总时长

defaultMuted:false默认是否静音

loop：false  是否循环播放

muted：false 当前是否静音

paused:false当前是否处于暂停状态

volumn:1当前播放音量

audio标签常用方法

play()让音频开始播放

pause()让音频暂停播放