HTML绘制用户注册页面

所属分类: 网页制作 / HTML/Xhtml 阅读数: 450
收藏 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>  
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。
更多精彩内容其他人还在看

浅谈HTML代码中的空格和空行

下面小编就为大家带来一篇浅谈HTML代码中的空格和空行。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

全面了解html.css溢出

下面小编就为大家带来一篇全面了解html.css溢出。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

htm初学笔记(新手必看)

下面小编就为大家带来一篇htm初学笔记(新手必看)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

HTML中文件上传时使用的<input type="file">元素的样式自定义

这篇文章主要介绍了HTML中文件上传时使用的<input type=
收藏 0 赞 0 分享

关于input的file 控件及美化

下面小编就为大家带来一篇关于input的file 控件及美化。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

Html/Css(新手入门第一篇必看攻略)

下面小编就为大家带来一篇Html/Css(新手入门第一篇必看攻略)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

HTML 隐藏滚动条和去除滚动条的方法

这篇文章主要介绍了HTML 隐藏滚动条和去除滚动条的方法的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下
收藏 0 赞 0 分享

浅谈html标签的显示模式(块级标签,行内标签,行内块标签)

下面小编就为大家带来一篇浅谈html标签的显示模式(块级标签,行内标签,行内块标签)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

html制作细线表格的简单实例

下面小编就为大家带来一篇html制作细线表格的简单实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

HTML中table表格标签的基础学习教程

用table标签在Web上显示表格内容是HTML所具有的最基本功能之一,这里我们就来看一下HTML中table表格标签的基础学习教程,需要的朋友可以参考下
收藏 0 赞 0 分享
查看更多