网站登录注册页面的代码取决于你使用的具体技术栈和设计需求。下面是一个简单的使用HTML和CSS构建的登录注册页面的基本示例。请注意,这只是一个基本的示例,不包含后端逻辑或数据库交互。实际的登录注册页面将涉及后端代码(如PHP,Node.js等)来处理用户输入和数据库交互。

HTML部分(login.html):
<!DOCTYPE html>
<html>
<head>
<title>登录页面</title>
<style>
</style>
</head>
<body>
<div class="login-container">
<h2>登录</h2>
<form action="/login_action" method="post"> <!-- 这里假设有一个处理登录的后端路径 -->
<div class="input-group">
<label for="username">用户名:</label><br>
<input type="text" id="username" name="username" required><br>
</div>
<div class="input-group">
<label for="password">密码:</label><br>
<input type="password" id="password" name="password" required><br>
</div>
<input type="submit" value="登录">
</form>
<!-- 注册链接可以在这里添加 -->
<p><a href="register.html">注册</a></p> <!-- 假设注册页面是register.html -->
</div>
</body>
</html>HTML部分(register.html):

<!DOCTYPE html>
<html>
<head>
<title>注册页面</title>
<style>
</style>
</head>
<body>
<div class="register-container">
<h2>注册</h2>
<form action="/register_action" method="post"> <!-- 这里假设有一个处理注册的后端路径 -->
<!-- 添加其他需要的字段,如邮箱,密码确认等 -->
<div class="input-group">
<label for="username">用户名:</label><br>
<input type="text" id="username" name="username" required><br>
</div>
<!-- 其他输入字段和密码等 -->
<input type="submit" value="注册">
</form>
<!-- 登录链接可以在这里添加,以便用户可以直接登录 -->
<p><a href="login.html">已有账号?去登录</a></p> <!-- 假设登录页面是login.html -->
</div>
</body>
</html>上述代码只是一个简单的示例,不包含任何后端逻辑或数据库交互,在实际应用中,你需要使用后端语言(如PHP,Node.js等)来处理表单提交,验证用户输入并与数据库进行交互,还需要添加适当的错误处理和安全性措施,如防止SQL注入和跨站脚本攻击(XSS)。





