用已经学过的web前端知识搭建一个登录框架
解：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>简单的登录界面</title>
</head>
<body>
<form action="" method="get">
<table border="0" cellspacing="" cellpadding="" align="center" background="img/炫.jpg" height="300" width="480">
<tr><th colspan="4" align="center">登录界面</th></tr>
<tr>
<td align="right" width="150">账号：</td>
<td colspan="2"><input type="text" name="id" id="" value="" placeholder="请输入账号" maxlength="12" /></td>
</tr>
<tr>
<td align="right">密码：</td>
<td colspan="2"><input type="password" name="password" id="" value="" placeholder="请输入密码" maxlength="12" /></td>
<td><input type="radio" name="显示密码" id="显示密码" value="" />显示密码</td>
</tr>
<!--<tr>
<td>性别：</td>
<td align="center">男</td>
<td align="center">女</td>
<td></td>
</tr>-->
<tr>
<td align="center"><button>注册</button></td>
<td align="center"><button>登录</button></td>
<td align="right"><button>隐藏登录</button></td>
</tr>
</table>
</form>
</body>
</html>
运行结果:
登录界面1.jpg
登录界面2.jpg
登录界面3.jpg
网友评论