5)required :必填项,内容不能为空
6)maxlength:指定字符串的最大长度
7)minlength:指定字符串的最小长度
8)max:指定数字的最大值
9)min:指定数字的最小值
10)pattern:指定输入必须符合的正则表达式
上述验证属性会影响表单元素对应的js对象的validity属性,validity属性是验证的属性。
(三) video 视频和音频
1.flash被H5取代体现在哪些方面?
flash 绘图(AS/FLEX) =>Canvas/SVG
flash 动画 => 定时器+Canvas
视频和音频播放 => VIDEO/AUDIO
flash 客户端存储 => WebStorage
2.H5新特性 ——视频播放器 (是个行内块元素。可以给宽高)
H5提供了一个新的标签用于播放视频:
<video src=""></video>
<video src=""> <source src="res/birds.mp4"></source>
<source src="res/birds.ogg"></source>
<source src="res/birds.webm"></source>您的浏览器不支持VIDEO播放!
</video> 它本身是一个300*150的行内块元素 备注:写多行source是为了兼容各个浏览器。因为浏览器对视频格式支持不统一,有些浏览器例如有些浏览器支持mp4格式,那么它就播放第一个mp4格式的视频,如果它不支持就检查是不是支持下面的ogg视频,如果支持就播放,不支持的话继续向下,下面没有source了,那么就显示“您的浏览器不支持VIDEO播放!”。
VIDEO标签/对象常用的成员:
成员属性:
<video id="v2" src="" autoplay controls loop muted poster="2.jpg" preload="auto"></video> autoplay:false, 是否自动播放 默认false controls:false,是否显示播放控件,默认为false loop:false ,是否循环播放,默认为false muted:false,是否静音播放,默认为false poster:”,在播放第一帧之前显示的海报,可以是图片。默认为空没有 preload:视频预加载策略,可取值: auto:预加载视频的元数据以及缓冲一定时长,绝对不可以在手机端使用 (尺寸/时长。第一帧内容,缓冲时长)(预加载浪费流量) metadata:仅预加载视频的元数据(尺寸/时长,第一帧内容,)没有缓冲时长,适合手机 none:不预加载任何数据









