html
<title>注册和登录页面</title>
<style>
</style>
<div id="login">
<h2>登录</h2>
<form action="login_handler.php" method="post">
<div>
<label for="username">用户名:</label>
<input type="text" id="username" name="username" required>
</div>
<div>
<label for="password">密码:</label>
<input type="password" id="password" name="password" required>
</div>
<button type="submit">登录</button>
</form>
</div>
<div id="register">
<h2>注册</h2>
<form action="register_handler.php" method="post">
<div>
<label for="new_username">用户名:</label>
<input type="text" id="new_username" name="new_username" required>
</div>
<div>
<label for="new_password">密码:</label>
<input type="password" id="new_password" name="new_password" required>
</div>
<div>
<label for="email">电子邮件:</label>
<input type="email" id="email" name="email" required>
</div>
<button type="submit">注册</button>
</form>
</div>
在这个模板中，有两个表单分别用于登录和注册，表单的action属性指向处理表单提交的后端脚本（例如login_handler.php和register_handler.php），请注意替换这些脚本的实际路径，每个输入字段都有一个required属性，这意味着用户在提交表单之前必须填写这些字段，您可能还需要添加更多的验证和错误处理来确保用户输入的有效性。
