效果图
HTML源码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>模拟百度注册</title>
</head>
<body>
<form action="" method="post" name="baidu">
<table border="0px" cellspacing="1" align="center" cellpadding="7">
<tr>
<td><img src="img/logo_baidu.jpg" alt=""></td>
</tr>
<tr>
<td style="width:150px;text-align:left"><strong>添加注册信息</strong></td>
</tr>
<tr>
<td style="text-align:right">邮箱：</td>
<td><input type="text"></td>
</tr>
<tr>
<td style="text-align:right">密码：</td>
<td><input maxlength="9" type="password" name="password"></td>
</tr>
<tr>
<td style="text-align:right">确认密码：</td>
<td><input maxlength="9" type="password" name="password"></td>
</tr>
<tr>
<td style="text-align:right">验证码：</td>
<td><input type="text"></td>
<td style="weight:100"><img src="img/yz.jpg" alt=""></td>
<td><a href="">注册用户</a></td>
</tr>
<tr>
<td colspan="3" style="text-align:right"><input type="checkbox" checked="checked">我已阅读并接受<a href=""> 《百度用户协议》 </a></td>
<td></td>
</tr>
<tr>
<td></td>
<td><input type="image" src="img/button.jpg"></td>
<td style="text-align:center" ><input type="reset" value="重新填写"></td>
<td></td>
</tr>
</table>
</form>
</body>
</html>