使用HTML5制作该网站的登录注册
时间: 2024-02-24 12:56:20 浏览: 26
好的,以下是一个简单的运动健身网站的登录注册页面的 HTML5 代码,你可以根据自己的需求进行修改和完善。
```
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>登录/注册 - 运动健身网站</title>
<style>
/* 样式代码 */
</style>
</head>
<body>
<header>
<nav>
<ul>
<li><a href="#">首页</a></li>
<li><a href="#">健身计划</a></li>
<li><a href="#">饮食指南</a></li>
<li><a href="#">社区论坛</a></li>
<li><a href="#">关于我们</a></li>
<li><a href="#">联系我们</a></li>
</ul>
</nav>
</header>
<section class="login-register">
<div class="login">
<h2>登录</h2>
<form action="login.php" method="post">
<label for="username">用户名</label>
<input type="text" id="username" name="username" required>
<label for="password">密码</label>
<input type="password" id="password" name="password" required>
<input type="submit" value="登录">
</form>
</div>
<div class="register">
<h2>注册</h2>
<form action="register.php" method="post">
<label for="username">用户名</label>
<input type="text" id="username" name="username" required>
<label for="password">密码</label>
<input type="password" id="password" name="password" required>
<label for="password-confirm">确认密码</label>
<input type="password" id="password-confirm" name="password-confirm" required>
<input type="submit" value="注册">
</form>
</div>
</section>
<footer>
<p>版权所有 © 运动健身网站 2021</p>
</footer>
</body>
</html>
```
注意:上述代码仅为示例,你需要根据自己的需求进行修改和完善。同时,还需要为网站添加 CSS 样式和 JavaScript 脚本来美化页面和实现交互功能。另外,你还需要在后端实现注册和登录的接口,并使用数据库存储用户信息。