首页 > web前端 > html教程 > HTML绘制用户注册页面

HTML绘制用户注册页面

高洛峰
发布: 2017-02-18 15:45:51
原创
2490 人浏览过

本文实例为大家分享了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"  onblur="aa2(this)"></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="提交"  onclick="aa()" /> <input type="reset" value="重置" /></td></tr>  
  
      </form>  
  
   </body>  
</html>
登录后复制

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持PHP中文网。

更多HTML绘制用户注册页面相关文章请关注PHP中文网!


相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板