HTML绘制用户注册页面

所属分类: 网页制作 / HTML/Xhtml 阅读数: 465
收藏 0 赞 0 分享

本文实例为大家分享了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 赞 0 分享

html下拉菜单提交后保留选中值而不返回默认值

这篇文章主要介绍了html下拉菜单提交后如何保留选中值而不返回默认值,方法虽简单,但比较实用,需要的朋友可以参考下
收藏 0 赞 0 分享

html用style添加属性示例

这篇文章主要介绍了html用style添加属性的写法,比较实用,有需要的朋友可以参考下
收藏 0 赞 0 分享

HTML元素设置焦点的方法

HTML元素设置焦点,大都是采用js的focus方法来进行设置,下面有个示例,大家可以参考下
收藏 0 赞 0 分享

html用title属性实现鼠标悬停显示文字

实现鼠标悬停显示文字,html中使用title属性就可实现显示文字的效果,这个属性还是比较实用的,需要的朋友可以参考下
收藏 0 赞 0 分享

html 用超链接打开新窗口其可控制窗口属性

这篇文章主要介绍了html如何用超链接打开新窗口其可控制窗口属性,主要使用到js的window.open方法,感兴趣的朋友可以看看哦
收藏 0 赞 0 分享

html 可输入下拉菜单的实现方法

可输入下拉菜单,不可思议是不是, 本例通过一些方法实现这个不可能的事情,感兴趣的朋友可以参考下
收藏 0 赞 0 分享

a标签href属性与onclick事件使用实例

a标签主要用来实现页面跳转,可以通过href属性实现,也可以在onclick事件里实现,下面为大家简要介绍下其具体的使用
收藏 0 赞 0 分享

HTML cellpadding与cellspacing属性图文详解

这篇文章主要介绍了HTML cellpadding与cellspacing属性,有个演示图,相信大家看过之后就知道了,需要的朋友可以参考下
收藏 0 赞 0 分享

input输入框中的光标大小显示不一致的解决方法

chrome浏览器对光标高度的设置原则为,当没有内容的时候光标的高度=input的line-height的值,当有内容时,光标从input的顶端到文字的底部
收藏 0 赞 0 分享
查看更多