HTML绘制用户注册页面

本文实例为大家分享了HTML绘制用户注册页面的具体实现代码，供大家参考，具体内容如下

1. html>   
2.    head>   
3.      script>   
4.         function aa()   
5.         {   
6.            VAR s;   
7.            s=reg.user.value;   
8.            alert("用户名是"+s);   
9.              }   
10.         function aa2(t)   
11.         {   
12.            var p1,p2;     
13.             alert(t);   
14.             p1=reg.pass1.value;   
15.             p2=reg.pass2.value;   
16.             if(p1!=p2)   
17.               alert("两次密码不一致");   
18.   
19.             }   
20.   
21.      /script>   
22.    /head>   
23.    body>   
24.      h1 align="center"> 注册/h1>   
25.      table align="center" border="2" width="400" bgcolor="pink">   
26.       form name="reg">   
27.         tr> td> 用户名/td> td> input tyPE="text" name="user"> /td> /tr>   
28.         tr> td> 密码/td> td> input type="password" name="pass1"> /td> /tr>   
29.         tr> td> 确认密码/td> td> input type="password" name="pass2"  onblur="aa2(this)"> /td> /tr>   
30.          tr> td> 性别/td> td> input type="radio" name="sex" value="1"> 男input type="radio" name="sex" value="2" checked> 女/td> /tr>   
31.           tr> td> 爱好/td> td> input type="checkbox" name="hb1" value="ft"> 足球 input type="checkbox" name="hb2" value="ms"> 音乐input    
32.   
33. type="checkbox" name="hb3" value="tor" /> 旅游/td> /tr>   
34.           tr> td colspan="2"> input type="file" name="F1" /> /td> /tr>   
35.   
36.           tr> td> 学院/td> td>   
37.                           select name="s">   
38.                             option value="1"  selected> 信息学院/option>   
39.                            option value="2"> 管理学院/option>   
40.                             option value="3"> 机电学院/option>   
41.                           /select>      
42.   
43.      tr> td colspan="2" align="center"> input type="button" value="提交"  onclick="aa()" />  input type="reset" value="重置" /> /td> /tr>   
44.   
45.       /form>   
46.   
47.    /body>   
48. /html>   

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！