• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

HTML绘制用户注册页面

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

本文实例为大家分享了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>  
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持极客世界。

鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
浅谈html中input只读属性readonly和disable的区别发布时间:2022-06-21
下一篇:
HTML简单购物数量小程序发布时间:2022-06-21
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap