这是一个基本的用户注册和登录页面的HTML代码示例。请注意，这只是一个基本的模板，不包含任何后端逻辑或前端验证。在实际应用中，你需要添加更多的功能，如后端验证、前端验证、密码加密等。
这是一个简单的注册和登录页面的HTML结构：
<!DOCTYPE html>
<html>
<head>
<title>注册与登录页面</title>
<style>
.container {
width: 300px;
margin: 0 auto;
}
input[type=text], input[type=password] {
width: 100%;
padding: 12px 20px;
margin: 8px 0;
display: inline-block;
border: 1px solid #ccc;
box-sizing: border-box;
}
button {
background-color: #4CAF50;
color: white;
padding: 14px 20px;
margin: 8px 0;
border: none;
cursor: pointer;
width: 100%;
opacity: 0.9;
}
button:hover {
opacity:1;
}
</style>
</head>
<body>
<div class="container">
<h2>注册</h2>
<form action="/register" method="post"> <!-- 这里应该是你的注册URL -->
<input type="text" placeholder="用户名" name="username" required>
<input type="password" placeholder="密码" name="password" required> <!-- 应添加更强大的密码验证逻辑 -->
<button type="submit">注册</button> <!-- 应添加防止XSS攻击的防护措施 -->
</form> <!-- 注意，这只是一个前端模板，你还需要后端处理注册请求 -->
<h2>登录</h2> <!-- 登录和注册页面可以分开，或者合并成一个页面 -->
<form action="/login" method="post"> <!-- 这里应该是你的登录URL -->
<input type="text" placeholder="用户名" name="username" required> <!-- 应添加用户名的验证逻辑 -->
<input type="password" placeholder="密码" name="password" required> <!-- 应添加密码的验证逻辑 -->
<button type="submit">登录</button> <!-- 应添加防止XSS攻击的防护措施 -->
</form> <!-- 注意，这只是一个前端模板，你还需要后端处理登录请求 -->
</div> <!-- 结束容器 -->
</body>
</html>这只是一个基本的HTML模板，不包含任何后端处理逻辑或前端验证，在实际应用中，你需要添加更多的安全措施和验证逻辑，如后端验证、前端验证、密码加密等，按钮的文本和表单的提交动作可能需要根据你的实际需求进行修改。
