用HTML写一个登录界面
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>某某登录界面</title>
<style type="text/css">
#a4{
text-align: center;
}
#a3{
text-align: right;
}
#a2{
text-align:center;
}
#a5{
background: url(img/timg.jpg);
}
</style>
</head>
<body>
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="300" height="230">
</td>
<td>
<div style="width: 300px;height:230px;background-color:white ;" id="a5">
<h2 align="center">账户登录</h2>
<form action="" method="get" id="a2">
<div>
<strong>用户名：</strong>
<input type="text" name="username" value="邮箱/用户名/已验证手机" maxlength="11"/>
</div>
<br />
<div>
<strong>密 码：</strong>
<input type="text" name="password" value="密码" maxlength="16"/>
</div>
<br />
</form>
<form id="a3">
<table border="0" cellspacing="0" cellpadding="0">
<a href="https://reg.jd.com/reg/person?ReturnUrl=http%3A%2F%2Fwww.jd.com">注册</a>
<a href="https://safe.jd.com/findPwd/index.action">忘记密码？</a>
</table>
</form>
<br />
<form id="a4">
<div>
<input style="background-color:darkorange ;" type="button" name="" id="" value=" 登 录 " />
</div>
</form>
</div>
</td>
</tr>
</table>
</body>
</html>
效果图
image.png
网友评论