html实现用户注册页面(表单+表格)——html小练习
2014-09-23 22:05
701 查看
上学的时候学的HTML现在都已经忘得差不多了,CSS也基本不认识了,现在趁着学习javaWeb再重新联系下吧
代码如下
效果图如下:
还有继续加油~~哦也~~
代码如下
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>表格+表单练习</title> </head> <body bgcolor="#F0F0F0"> <form method="post"> <table width="100%"> <tr> <th colspan="2" ALIGN=CENTER><font size="5">注册新用户</font> </th> </tr> <tr> <td colspan="3"><hr> </td> </tr> <tr> <td width="400"></td> <td ALIGN=CENTER BGCOLOR="#ffffff"> <table width="400" cellpadding="4"> <tr> <td ALIGN=RIGHT><font size="3" face="微软雅黑">用户名</font></td> <td ALIGN=LEFT><input tyoe="texe"></td> </tr> <tr> <td ALIGN=RIGHT><font size="3" face="微软雅黑">登陆邮箱</font></td> <td ALIGN=LEFT><input type="text"></td> </tr> <tr> <td ALIGN=RIGHT><font size="3" face="微软雅黑">密码</font></td> <td ALIGN=LEFT><input type="password"></td> </tr> <tr> <td ALIGN=RIGHT><font size="3" face="微软雅黑">再输一次</font></td> <td ALIGN=LEFT><input type="password"></td> </tr> </table></td> <td width="400"></td> </tr> <tr> <td width="400"></td> <td ALIGN=CENTER BGCOLOR="#ffffff"> <table width="400" cellpadding="4"> <tr> <td colspan="2" ALIGN=CENTER><font size="3" face="微软雅黑">个人资料</font> </td> </tr> <tr> <td ALIGN=RIGHT><font size="3" face="微软雅黑">性别</font></td> <td>男士<input type="radio" name="sex" value="man" checked> 女士<input type="radio" name="sex" value="woman"> </td> </tr> <tr> <td ALIGN=RIGHT><font size="3" face="微软雅黑">学历</font></td> <td> <select name="city"> <option value="benke">本科</option> <option value="dazhuani">大专</option> <option value="yanjiusheng">研究生</option> <option value="boshi">博士</option> <option value="zixue">自学</option> </select> </td> </tr> <tr> <td ALIGN=RIGHT><font size="3" face="微软雅黑">职业</font></td> <td> <select name="occupation"> <option value="student">在校学生</option> <option value="PHP">PHP工程师</option> <option value="Android">Android工程师</option> <option value="UI">UI设计师</option> <option value="IOS">IOS工程师</option> <option value="java">Java工程师</option> <option value="test">程序测试员</option> </select> </td> </tr> <tr> <td ALIGN=RIGHT><font size="3" face="微软雅黑">所在城市</font></td> <td> <select name="city"> <option value="beijing">帝都</option> <option value="shanghai">魔都</option> <option value="guangzhou">广州</option> <option value="hangzhou">杭州</option> <option value="tianjin">天津</option> <option value="haiwai">海外</option> </select> </td> </tr> <tr> <td ALIGN=RIGHT><font size="3" face="微软雅黑">出生年月</font> <td><select name="year"> <option value="1985">1985</option> <option value="1986">1986</option> <option value="1987">1987</option> <option value="1988">1988</option> <option value="1989">1989</option> <option value="1990">1990</option> <option value="1991">1991</option> <option value="1992">1992</option> <option value="1993">1993</option> <option value="1994">1994</option> <option value="1995">1995</option> <option value="1996">1996</option> <option value="1997">1997</option> <option value="1998">1998</option> <option value="1999">1999</option> <option value="2000">2000</option> <option value="2001">2001</option> <option value="2002">2002</option> <option value="2003">2003</option> <option value="2004">2004</option> <option value="2005">2005</option> <option value="2006">2006</option> <option value="2007">2007</option> <option value="2008">2008</option> </select> <select name="month"> <option value="1">1月</option> <option value="2">2月</option> <option value="3">3月</option> <option value="4">4月</option> <option value="5">5月</option> <option value="6">6月</option> <option value="7">7月</option> <option value="8">8月</option> <option value="9">9月</option> <option value="10">10月</option> <option value="11">11月</option> <option value="12">12月</option> </select></td> </tr> <tr> <td ALIGN=RIGHT><font size="3" face="微软雅黑">猜你喜欢</font></td> <td width="300"><input type="checkbox" name="hobby" value="tiyu">体育 <input type="checkbox" name="hobby" value="yinyue">音乐 <input type="checkbox" name="hobby" value="youxi">游戏 <input type="checkbox" name="hobby" value="bagua">八卦 <input type="checkbox" name="hobby" value="tucao">吐槽</td> </tr> <tr> <td ALIGN=RIGHT><input type="checkbox" name="accept" value="accept"> </td> <td><font size="3" face="微软雅黑">我已仔细阅读并接受 <a href="Deom01.html">注册条款</a> </font> </td> </tr> <tr> <td ALIGN="center" colspan="3"> <input type="submit" value="注册"> <input type="reset" value="重置"> </tr> </table></td> <td width="400"></td> </tr> </table> </form> </body> </html>
效果图如下:
还有继续加油~~哦也~~
相关文章推荐
- JavaScript、CSS、HTML 实现用户注册页面与信息校验
- HtmlDay01--Notes(表单验证用户注册+表格对齐跨行跨列)
- HTML--表格与表单(练习做注册页面)
- PHP PEAR/HTML/QuickForm实现用户注册表单界面
- PHP PEAR/HTML/QuickForm实现用户注册表单界面
- 免费注册参加"使用表格控件EJunGrid,实现企业级表单的录入与展现" 网络研讨会!
- 完成用户注册、登录页面,实现数据的真实操作。
- jQuery实现用户注册的表单验证
- php用户注册页面利用js进行表单验证具体实例
- jQuery实现用户注册的表单验证
- Delphi基于HTML页面和XML实现表单填写
- 实现用户注册功能:用servlet验证提交的数据是否合法,不合法返回注册页面,并提示出错。
- html5+css3实现一款注册表单
- jQuery实现用户注册的表单验证
- php用户注册页面利用js进行表单验证
- jQuery实现用户注册的表单验证示例
- eShop电子商城的SSH实现的用户模块(1)登录和注册配置文件和页面关键代码(V...
- php如何更好更有效的实现-----用户注册页面
- Jquery load实现用户在html页面实时显示登录状态
- jQuery实现用户注册的表单验证