效果图
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>