作业代码
首页代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>主页</title>
</head>
<body>
<h3>主页</h3>
<a href="login.html" target="_blank">登录页面</a>
<a href="register.html" target="_blank">注册页面</a>
</body>
</html>
注册页面
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>注册页面</title>
</head>
<body>
<h3>注册页面</h3>
<form action="login.html" method="get">
<p>
<label for="zhanghao">账号：</label>
<input type="text" id="zhanghao" placeholder="请输入账号">
</p>
<p>
<label for="mima">密码：</label>
<input type="password" id="mima" placeholder="请输入密码">
</p>
<p>
<label for="querenmima">确认密码：</label>
<input type="password" id="querenmima" placeholder="请再次确认密码">
</p>
<p>
<label for="nicheng">昵称：</label>
<input type="text" id="nicheng" placeholder="请输入昵称">
</p>
<p>
<input type="reset" value="清空">
<input type="submit" value="提交">
</p>
</form>
</body>
</html>
登陆页面
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>登陆页面</title>
</head>
<body>
<h3>登陆页面</h3>
<form action="index.html" method="get">
<table width="600" cellpadding="10" align="center" border="0">
<tr align="center">
<td colspan="2">会员登陆</td>
</tr>
<tr>
<td align="right"><label for="zhanghao">账号：</label></td>
<td><input type="text" id="zhanghao" placeholder="请输入账号"></td>
</tr>
<tr>
<td align="right"><label for="mima">密码：</label></td>
<td><input type="password" id="mima" placeholder="请输入密码"></td>
</tr>
<tr>
<td colspan="2" align="center">
<input type="reset" value="清空">
<input type="submit" value="登陆">
</td>
</tr>
</table>
</form>
</body>
</html>
网页显示效果
