HTML 实现注册小案例
2016-11-10 09:31
288 查看
案例:使用html实现注册页面
首先看一下效果图:
![](https://img-blog.csdn.net/20161029221056309?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>Document</title>
</head>
<body>
<h2 align="center">注册csdn的账号</h2>
<table width="100%">
<tr>
<td align="right">注册邮箱: </td>
<td><input type="text" name="mail"></td>
</tr>
<tr>
<td> </td>
<td>你可以使用<a href="#">账号<a/>或者<a href="#">手机号<a/>来注册</td>
</tr>
<tr>
<td align="right">真实姓名:</td>
<td><input type="text" name="realname"></td>
</tr>
<tr>
<td align="right">性别:</td>
<td><input type="radio" name="sex" value="男">男<input type="radio" name="sex" value="女">女</td>
</tr>
<tr>
<td align="right">生日:</td>
<td>
<select name="year">
<option value="1992">1992</option>
<option value="1993">1993</option>
<option value="1994">1994</option>
</select>年
<select name="month">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>月
<select name="day">
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
</select>日
</td>
</tr>
<tr>
<td align="right">我现在:</td>
<td>
<select name="now">
<option value="study">我正在上学</option>
<option value="work">我正在工作</option>
</select>
</td>
</tr>
<tr>
<td align="right">验证码:</td>
<td>
<input type="text" name="verycode"/>
</td>
</tr>
<tr>
<td> </td>
<td>
<input type="submit" value="提交"/>
</td>
</tr>
</table>
</body>
</html>
首先看一下效果图:
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>Document</title>
</head>
<body>
<h2 align="center">注册csdn的账号</h2>
<table width="100%">
<tr>
<td align="right">注册邮箱: </td>
<td><input type="text" name="mail"></td>
</tr>
<tr>
<td> </td>
<td>你可以使用<a href="#">账号<a/>或者<a href="#">手机号<a/>来注册</td>
</tr>
<tr>
<td align="right">真实姓名:</td>
<td><input type="text" name="realname"></td>
</tr>
<tr>
<td align="right">性别:</td>
<td><input type="radio" name="sex" value="男">男<input type="radio" name="sex" value="女">女</td>
</tr>
<tr>
<td align="right">生日:</td>
<td>
<select name="year">
<option value="1992">1992</option>
<option value="1993">1993</option>
<option value="1994">1994</option>
</select>年
<select name="month">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>月
<select name="day">
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
</select>日
</td>
</tr>
<tr>
<td align="right">我现在:</td>
<td>
<select name="now">
<option value="study">我正在上学</option>
<option value="work">我正在工作</option>
</select>
</td>
</tr>
<tr>
<td align="right">验证码:</td>
<td>
<input type="text" name="verycode"/>
</td>
</tr>
<tr>
<td> </td>
<td>
<input type="submit" value="提交"/>
</td>
</tr>
</table>
</body>
</html>
相关文章推荐
- HTML 实现注册小案例
- PHP PEAR/HTML/QuickForm实现用户注册表单界面
- html5+css3实现一款注册表单
- 基于spring-cloud实现eureka注册服务小案例
- php注册和登录界面的实现案例(推荐)
- struts2+hibernate4.1+spring4.1+ajax+HTML+css暂时实现登录注册功能
- PHP PEAR/HTML/QuickForm实现用户注册表单界面
- JavaEE经典三层架构实现登录注册案例
- Spring+Jersey+Hibernate+MySQL+HTML实现用户信息增删改查案例(附Jersey单元测试)
- 4.MVC框架开发(母版页的应用、按钮导致的Action处理、从界面向控制器传数据和HtmlHelper控件的实现(注册的实现))
- html5+css3实现一款注册表单实例
- javascript-解析xml文件-在html中实现二级联动分析及案例
- html实现用户注册页面(表单+表格)——html小练习
- java web笔记——软件三层结构&MVC模式实现注册登陆案例
- JavaScript、CSS、HTML 实现用户注册页面与信息校验
- 超酷HTML 5和CSS3实现登录及注册功能表单
- HTML+CSS实现的简单注册表单
- 使用Html和ashx文件实现其简单的注册页面
- JSP+MySQL实现网站的登录与注册小案例
- 基于spring-cloud实现eureka注册服务小案例