案例:使用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>