美文网首页
H5笔记 表单新特性 HTML新的表单元素 视频和音频

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

作者: 梁萌0328 | 来源:发表于2018-06-09 11:20 被阅读0次

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

    相关文章

      网友评论

          本文标题:H5笔记 表单新特性 HTML新的表单元素 视频和音频

          本文链接:https://www.haomeiwen.com/subject/fdlteftx.html