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()让音频暂停播放
网友评论