<!DOCTYPE html>
<html>
<head>
<title>qq轻聊版</title>
<meta charset="utf-8">
</head>
<body>
<form action="" method="">
<table width="432" height="335" border="0" cellspacing="0" bgcolor="#ebf2fa" align="center">
<tr>
<td colspan="3">
<img src="qq/bg1.jpg">
</td>
</tr>
<tr>
<td rowspan="3">
<img src="qq/bg2.jpg">
</td>
<td align="left">
<input type="text" placeholder="QQ号码/手机/邮箱" name="num" style="width: 195px;border-radius: 3px;height: 25px;">
</td>
<td>
<a href="#">注册账号</a>
</td>
</tr>
<tr>
<td align="left">
<input type="password" placeholder="密码" name="passwd" style="width: 195px;border-radius: 3px;height: 25px;" >
</td>
<td>
<a href="#">找回密码</a>
</td>
</tr>
<tr>
<td>
<input type="checkbox" name="rem" align="left" />记住密码
<input type="checkbox" name="auto" align="right"/>自动登录
</td>
<td></td>
</tr>
<tr align="center">
<td></td>
<td align="left">
<img src="qq/botton.jpg" οnclick="alert('登录成功')">
</td>
<td></td>
</tr>
</table>
</form>
</body>
</html>
<html>
<head>
<title>qq轻聊版</title>
<meta charset="utf-8">
</head>
<body>
<form action="" method="">
<table width="432" height="335" border="0" cellspacing="0" bgcolor="#ebf2fa" align="center">
<tr>
<td colspan="3">
<img src="qq/bg1.jpg">
</td>
</tr>
<tr>
<td rowspan="3">
<img src="qq/bg2.jpg">
</td>
<td align="left">
<input type="text" placeholder="QQ号码/手机/邮箱" name="num" style="width: 195px;border-radius: 3px;height: 25px;">
</td>
<td>
<a href="#">注册账号</a>
</td>
</tr>
<tr>
<td align="left">
<input type="password" placeholder="密码" name="passwd" style="width: 195px;border-radius: 3px;height: 25px;" >
</td>
<td>
<a href="#">找回密码</a>
</td>
</tr>
<tr>
<td>
<input type="checkbox" name="rem" align="left" />记住密码
<input type="checkbox" name="auto" align="right"/>自动登录
</td>
<td></td>
</tr>
<tr align="center">
<td></td>
<td align="left">
<img src="qq/botton.jpg" οnclick="alert('登录成功')">
</td>
<td></td>
</tr>
</table>
</form>
</body>
</html>