<!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>
<table width="500" border="1" cellpadding="10" align="center">
<tr align="center">
<td colspan="2" style="color: purple;">欢迎来到我的网站</td>
</tr>
<tr>
<td colspan="2" align="center">
<h2><a href="./注册界面.html">点击注册</a></h2>
<h2><a href="./登陆界面.html">点击登陆</a></h2>
</td>
</tr>
</table>
</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>
<hr>
<form action="./注册登陆页面.html" method="get">
<table width="500" border="1" cellpadding="10" align="center">
<tr align="center">
<td colspan="2">请登录</td>
<tr><td align="right"><label for="account">账号：</label></td>
<td><input type="text" id="account" placeholder="请输入账号"/></td>
</tr>
<tr><td align="right"><label for="password">密码：</label></td>
<td><input type="text" id="password" placeholder="请输入密码"></td>
</tr>
<tr>
<td align="right"><label for="apassword">确认密码：</label></td>
<td><input type="text" id="apassword" placeholder="请确认密码"></td>
</tr>
<tr>
<td colspan="2" align="center">
<input type="reset" value="点此清空数据">
<input type="submit" value="登陆">
</td>
</tr>
</table>
</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>
<hr>
<form action="./注册登陆页面.html" method="get">
<table width="500" border="1" cellpadding="10" align="center">
<tr align="center">
<td colspan="2">请注册</td>
<tr>
<td align="right"><label for="account">账号：</label></td>
<td><input type="text" id="account" placeholder="请输入账号"/></td>
</tr>
<tr>
<td align="right"><label for="password">密码：</label></td>
<td><input type="text" id="password" placeholder="请输入密码"/></td>
</tr>
<tr>
<td align="right"><label for="password">确认密码：</label></td>
<td><input type="text" id="password" placeholder="请确认密码"/></td>
</tr>
<tr>
<td align="right"><label for="touxiang">请选择头像</label></td>
<td><input type="file" id="touxiang"/></td>
</tr>
<tr>
<td align="right"><label for="youxiang">请输入邮箱</label></td>
<td><input type="email" id="youxiang" placeholder="请输入邮箱"/></td>
</tr>
<tr>
<td align="right"><label for="zhuye">请输入主页</label></td>
<td><input type="url" id="zhuye" placeholder="请输入个人主页网址"/></td>
</tr>
<tr>
<td align="right"><label for="shengri">请输入生日</label></td>
<td><input type="date" id="shengri" placeholder="请输入生日"/></td>
</tr>
<tr>
<td align="right"><label for="aihao">爱好</label></td>
<td><input type="text" id="aihao" placeholder="你喜欢什么"/></td>
</tr>
<tr>
<td colspan="2" align="center">
<input type="reset" value="点此清空数据">
<input type="submit" value="注册">
</td>
</tr>
</table>
</form>
</body>
</html>注册界面效果如下：
同时 登陆和注册跳转到主页 也可通过主页的文字超链接跳转到登陆和注册页面
![Java算法 数据结构基础 并查集 模版 [洛谷-P3367]](https://i-blog.csdnimg.cn/img_convert/8f2f158ae46f75c8e1f0836947088a00.png)
