目录
主页代码
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title> 主页</title>
</head>
<body>
<h3>实现一个登录页面、实现一个注册页面；实现一个主页</h3>
</p><a href=".\login.html" target="_blank"">登录 </a></P>
<p><a href=".\register.html" target="_blank">注册</a></P>
</body>
</html>
主页
效果1
登录页面代码
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>登录页面</title>
</head>
<body>
<h3>登录页面</h3>
<hr>
<form action="index.html" method="get">
<table width="500" border="0"cellspacing="0" cellpadding="10 " align="center">
<tr align="center">
<td colspan="2" >会员登录页面 </td></tr>
<tr>
<td align="right"><label for="zhanghao">账号</label></td>
<td><input type="text"
style="width: 300px;height: 20px;"
id="zhanghao" placeholder="请输入账号"></td>
</tr>
<tr>
<td align="right"><label for="mima">密码</label></td>
<td> <input
style="width: 300px;height: 20px;"
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>
登录页面
效果2
注册页面代码
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>注册页面</title>
</head>
<body>
<form action="index.html" method="get">
<p>
<h3>欢迎来到注册页面</h3>
<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="submit" value="注册"/>
</p>
</form>
</body>
</html>
注册页面
效果3
