评论

收藏

[Html/CSS] HTML绘制用户注册页面

开发技术 开发技术 发布于:2021-09-15 10:25 | 阅读数:520 | 评论:0

本文实例为大家分享了HTML绘制用户注册页面的具体实现代码,供大家参考,具体内容如下
<html>  
     <head>  
     <script>  
      function aa()   
      {   
         var s;   
         s=reg.user.value;   
         alert("用户名是"+s);   
         }   
      function aa2(t)   
      {   
         var p1,p2;  
        alert(t);   
        p1=reg.pass1.value;   
        p2=reg.pass2.value;   
        if(p1!=p2)   
          alert("两次密码不一致");   
    
        }   
    
     </script>  
     </head>  
     <body>  
     <h1 align="center">注册</h1>  
     <table align="center" border="2" width="400" bgcolor="pink">  
      <form name="reg">  
      <tr><td>用户名</td><td><input type="text" name="user"></td></tr>  
      <tr><td>密码</td><td><input type="password" name="pass1"></td></tr>  
      <tr><td>确认密码</td><td><input type="password" name="pass2"  ></td></tr>  
       <tr><td>性别</td><td><input type="radio" name="sex" value="1">男<input type="radio" name="sex" value="2" checked>女</td></tr>  
        <tr><td>爱好</td><td><input type="checkbox" name="hb1" value="ft">足球 <input type="checkbox" name="hb2" value="ms">音乐<input  
    
  type="checkbox" name="hb3" value="tor" />旅游</td></tr>  
        <tr><td colspan="2"><input type="file" name="f1" /></td></tr>  
    
        <tr><td>学院</td><td>  
                <select name="s">  
                <option value="1"  selected>信息学院</option>  
                 <option value="2">管理学院</option>  
                <option value="3">机电学院</option>  
                </select>   
    
     <tr><td colspan="2" align="center"><input type="button" value="提交"   /> <input type="reset" value="重置" /></td></tr>  
    
      </form>  
    
     </body>  
  </html>
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持CodeAE代码之家
关注下面的标签,发现更多相似文章