HTML5中新增实用的标签

1：progress  进度条

 
progress
 

 Google运行结果：
　

 2：datalist 下拉框（可输入）

*并且具有自动补全功能

3：canvas（画布）元素

var canvas=document.getElementById("canvas1");//获取当前的画布元素
var str=canvas.getContext("2d");//表示这是一张2d的画布
str.lineWidth=5;//设置线的厚度
str.strokeStyle="#fff";//设置颜色
str.moveTo(0,0);//设置下笔位置
str.lineTo(800,0);//设置下笔的方向位置
str.arc(50,200,20,4.75,Math.PI*0.5,false);//第一个和第二个都表示圆心（下笔的位置），第三个表示圆的半径，第四个表示结束的位置，最后一个是否逆时针

........

效果图：（作者画的有点丑，大家可以自由发挥=。=）



4：video（播放器）

    //播放器的视频资源