html5视频和表单

一. audio与video的使用

1. video是用来包涵视频的元素。

（一）video内的属性和方法：
1.autoplay值为autoplay：视频在就绪后马上播放。
2.controls值为controls：控制控件是否可见（播放按钮、音量、全屏等）。
3.height和width：设置视屏的高宽。
4.loop值为loop：设置视频循环播放。
5.url：设置视频的引用路径。
6.preload值为preload：设置视频在页面加载时进行加载，并准备播放。
7.play（）方法：播放方法。
8.pause（）方法：暂停

（二）.audio的属性和方法与video相同。

（三）.对于浏览器不支持的情况，在元素中写入提示，如：

<video src="video/iceage4.mp4" id="video_one" controls="controls">
    你的浏览器不支持视频播放，请升级
</video>

在video中支持的格式有ogg、MP4、webM，在audio中支持的格式有mp3、wav。为了浏览器兼容，加入代码<source src="video/iceage4.mp4" type="video/mp4">

最后样式：

你的浏览器不支持视频播放，请升级

二. 表单的html

1.html5的表单一定要设置form的id，如<form action="www.baidu.com" method="post" id="myForm">，与表单的输入框，要加上属性form="myForm"。

2.input type为email。输入为邮箱，默认要有@。但不能阻止输入框为空。required="required"属性为默认验证规则，如果要改变验证的内容，则设pattern="\w{8,16}"；如果要改变提示的内容，则设置oninvalid="setCustomValidity('xxx')"；xxx为内容。这些属性也适用于其他input的HTML5的标签。

3.input type为url。输入的为网址。

4.input type为number。注：max属性为最大值，min为最小值，step为每次递增多少，value为默认值。

5.input type为range。同上：mix，max，step，value。

6.input type为color。注：value的值为颜色。