TIME
html
<title>注册与登录页面</title>
<style>
</style>
<div id="login">
<h2>登录</h2>
<form action="/login" 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" method="post">
<div>
<label for="newUsername">用户名:</label>
<input type="text" id="newUsername" name="newUsername" required>
</div>
<div>
<label for="newPassword">密码:</label>
<input type="password" id="newPassword" name="newPassword" required>
</div>
<!-- 可以添加更多字段如邮箱等 -->
<button type="submit">注册</button>
</form>
</div>
这个模板包含了两个表单，一个用于登录，一个用于注册，表单的action属性指向你的后端处理逻辑（例如/login和/register），method属性通常为post用于提交表单数据，每个表单都有用户名和密码的输入字段，以及一个提交按钮，在实际应用中，你需要确保后端已经设置了适当的路由来处理这些请求，你还需要添加前端和后端的验证以确保用户输入的数据是有效的。