一、HTML

1、单选按钮

Male  Female

2、复选框

I have a Car

3、下拉列表 

VoloFita

如果设置某项选定直接 fem

4、设置文本域       创建按钮 

5、

Runnob.com

因为a 标签的target属性名是inframe_a的iframe框架，点击链接后页面会在iframe 中出现。

6、脚本 JavaScript   

JavaScriptkeyi 可以触发时间

document.getElementId("demo").innerHTML="Hello JavaScript";}

点击

改变样式，

x=document.getElementById("demo")

x.style.color="3ff0000";}   

7、占位符 &nbsp,   HTML 统一资源定位器， uniform Resource locators

HTML5中对于多媒体的设置，

8、document.createElement("myHero")  

dispaly:block;

background-color:#ddd;

padding:50px;

font-size:30px;}      我的因元素

9、canvas 标签定义画布，

用JavaScript绘图

<.script> var c=document.getElement.ById("myCanvas");   var ctx=c.getContext("2d");

ctx.filStyle="#FF0000";   ctx.fillRect(0,0,150,75);

10、使用 canvas画布画一条线

var ctx=c.getContext("2d");

ctx.moveTo(0,0);

ctx.lineTo(500,400);

ctx.stroke();

11、使用canvas画一个圆  

var ctx=c.getContext("2d");

ctx.beginPath();

ctx.arc(95,50,40,0,2*Math.PI);

ctx.stroke();

12、使用canvas 画出实心字体  

var ctx.c.getContext("2d");

ctx.font="30px Arial";   ctx.fillText("Hello World” ，10,50);   如果是画的空心花园 修改成 ctx.strokeText("Hello world " 10,50);

13、 cavans 颜色渐变  两种方法创键渐变 createlinearGradient(x,y.x1,y1)创键线条渐变

createRadialGradient(x,y,r,x1,y1,r1)创键一个径向圆渐变

画布都一样这里不再赘述， 直接在画布上绘制如下：

var c=document.getElementById("myCanvas");

var ctx=c.getContext("2d");

var grd=ctx.createLinearGradient(0,0,200,0);

grd.addColorDtorp(0,"red");

grd.addColorStop(1,"black");

ctx.filStyle=grd;   ctx.fillRect(10,10,150,80);《！--这里如果是径向型渐变 只需要修改函数ctx.createRadialGradientI(0,0,200,1)》

14、 将图像放在画布上面 

var ctx=c.getContext("2d");

var img=docment.getElementById("scream");

img.οnlοad=function(){

ctx.drawImage(img,10,10);}