html
<title>登录注册页面</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 20px;
}
.container {
max-width: 400px;
margin: 0 auto;
padding: 20px;
border: 1px solid #ccc;
border-radius: 5px;
}
h2 {
text-align: center;
}
label {
display: block;
margin-bottom: 10px;
}
input[type="text"], input[type="password"] {
width: 100%;
padding: 10px;
border-radius: 5px;
border: 1px solid #ccc;
}
input[type="submit"] {
width: 100%;
padding: 10px;
background-color: #4CAF50;
color: white;
border: none;
border-radius: 5px;
cursor: pointer;
}
</style>
<div class="container">
<h2>登录</h2>
<form action="/login" method="post"> <!-- 登录表单 -->
<label for="username">用户名:</label>
<input type="text" id="username" name="username" required><br><br>
<label for="password">密码:</label>
<input type="password" id="password" name="password" required><br><br>
<input type="submit" value="登录"> <!-- 登录按钮 -->
</form> <!-- 结束登录表单 -->
</div> <!-- 结束容器 -->
<!-- 注册表单 --> <!-- 可以复制上面的容器和表单结构来创建注册表单 --> <!-- 注意修改表单的action和method属性 --> <!-- 可以添加其他字段如邮箱等 --> <!-- 可以添加注册按钮等 --> <!-- 注册表单可以放在同一页面或者单独的页面中 --> <!-- 注册表单的样式可以根据需要进行调整 --> <!-- ... --> <!-- 结束注册表单 --> <!-- 注册按钮可以链接到注册页面或者弹出注册表单模态框等 --> <!-- ... --> <!-- 结束注册按钮 --> <!-- 可以添加其他功能如找回密码等 --> <!-- ... --> <!-- 结束其他功能 --> <!-- 页面底部可以添加版权信息或其他相关信息 --> <!-- ... --> <!-- 结束页面底部 --> <!-- 可以使用CSS和JavaScript来增强页面的样式和功能 --> <!-- ... --> <!-- 结束登录注册页面 --> </body> </html> ``` 这个示例提供了一个简单的登录注册页面的基本结构，包括一个容器、登录表单和可能的注册表单部分，你可以根据需要修改样式和功能，例如添加CSS样式和JavaScript脚本来增强页面的交互性和功能，这只是一个示例，实际的登录注册页面可能需要更多的安全性和验证措施来保护用户的数据和身份。
