黑松山资源网 Design By www.paidiu.com

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

XML/HTML Code复制内容到剪贴板
  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>  
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
黑松山资源网 Design By www.paidiu.com
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
黑松山资源网 Design By www.paidiu.com