作业地址
或者
作业.png
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>XXX系统登录界面</title>
<link rel="icon" type="img/ico" href="img/aaa.ico"/>
<style type="text/css">
.C1{
font-size: 15px;
color: white;
background-color: deepskyblue;
}
.C1:hover{
color: dimgray;
}
.C1:active{
font-size: 10px;
}
.b1:hover{
color: mediumvioletred;
}
.b1:active{
font-size: 20px;
}
</style>
</head>
<body>
<br /><br /><br /><br /><br /><br /><br />
<table width="400" height="300" bordercolor="black" align="center" border="1" cellspacing="0" cellpadding="3">
<tr align="center" bgcolor="aliceblue">
<td>
<h3 style="font-size:30px;color:cornflowerblue;">XXX系统登录界面</h3>
<hr />
<form action="" method="get">
<input class="C2" type="text" name="username" id="username" value="" placeholder="手机号/邮箱"/>
<br />
<input class="C2" type="password" name="password" id="password" maxlength="8" value="" placeholder="密码(6-8位)"/>
<br />
</td>
</tr>
<tr align="center" bgcolor="aliceblue">
<td>
<input type="checkbox" name="choice" id="c1" value="自动登录" /><label for="c1">自动登录</label>
<input type="checkbox" name="choice" id="c2" value="记住密码" /><label for="c2">记住密码</label>
<input class="b1" type="button" name="choice" value="找回密码" />
<hr />
<input class="C1" type="submit" value="登录"/>
<input class="C1" type="submit" value="注册"/>
</form>
</td>
</tr>
</table>
</body>
</html>
