HTML5新特性

本文详细介绍了HTML5相较于HTML4的新特性,包括新增的input类型、表单元素、表单属性,以及video元素的使用方法和属性说明。通过本文,读者可以了解如何利用HTML5的新特性增强网页的交互性和功能性。
摘要由CSDN通过智能技术生成
  1. input—type新属性值:
    html4:text,password,button,checkbox,radio,submit,file,reset
    html5:email,url,number,search,range,color,date,month,week
    p.s.新的type属性值可进行简单验证,但是不同浏览器效果不一,且验证内容较松,所以正规使用还是需要前端进行正则验证。
  2. 新表单元素
    html4:input,button,textarea,select/option
    html5:datalist,progress,meter,output
  3. 新表单属性
    html4:id,value,name,readonly,checked,selected
    html5:placeholder,multiple,autofocus,form(required,pattern,max,min,maxlength,minlength)
  4. video
<video src="..."></video>

属性:
autoplay [false]
controls [false] 是否显示播放控件
loop [false] 是否循环
muted [false] 静音
poster="…" 播放第一帧前显示海报
preload 预加载
值:

  • auto 预加载视频元数据和一定缓冲时长;
  • metadata 预加载视频元数据(尺寸,时长,第一帧画面);
  • none;

video 在JS中的成员:
volumn:1
playbackRate:1 回放速率(>1快,<1慢)
paused:true 暂停

方法:
play(),pause()
事件:
onplay onpause

  1. canvas,svg
    (另讲)
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值