![](https://i-blog.csdnimg.cn/blog_migrate/c2abe4a5a91ccee1987d694bdb432a8a.png)
效果图
![会员登录](https://i-blog.csdnimg.cn/blog_migrate/f1c69c453f0496b4afe73f4c35f7465e.png)
HTML源码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>会员登录</title>
</head>
<body>
<table border="1px" cellspacing="1" width="400" height="300">
<thead>
<tr align="center">
<th colspan="2" height="35" >会员登录</th>
</tr>
</thead>
<tbody>
<tr>
<td>登录账号</td>
<td><input type="text" placeholder="邮箱/ID/手机号"></td>
</tr>
<tr>
<td>密码</td>
<td><input maxlength="9" type="password" name="password" placeholder="密码"></td>
</tr>
<tr>
<td></td>
<td><input type="checkbox" checked="checked">两周内自动登录</td>
</tr>
<tr>
<td></td>
<td><input type="image" src="img/login.png"><a href="">忘记密码</a></td>
</tr>
<tr>
<td>其他账号登录</td>
<td>
<input type="image" src="img/ico1.png">QQ账号
<input type="image" src="img/ico2.png">新浪微博
<input type="image" src="img/ico3.png">百度账号
</td>
</tr>
<tr>
<td></td>
<td><a href="">还不是会员?立即注册</a></td>
</tr>
</tbody>
</table>
</body>
</html>