简单登录页面代码
这是一个简单的登录页面的HTML和JavaScript代码示例。此代码仅用于演示目的，实际生产环境中，您应该使用更安全的后端验证和加密技术。
HTML部分：
html复制代码<!DOCTYPE html> <html> <head> <title>简单登录页面</title> <style> .container { margin-top: 100px; text-align: center; } </style> </head> <body> <div class="container"> <h2>登录</h2> <form id="loginForm"> <label for="username">用户名:</label><br> <input type="text" id="username" name="username"><br> <label for="password">密码:</label><br> <input type="password" id="password" name="password"><br><br> <input type="button" value="登录" onclick="login()"> </form> </div> <script src="script.js"></script> </body> </html>
JavaScript部分 (script.js)：
javascript复制代码function login() { var username = document.getElementById("username").value; var password = document.getElementById("password").value; // 在这里，我们只是简单地将用户名和密码打印到控制台。在实际应用中，您应该将这些信息发送到服务器进行验证。 console.log("用户名: " + username); console.log("密码: " + password); // 假设我们有一些硬编码的用户名和密码用于验证 var correctUsername = "admin"; var correctPassword = "password123"; if (username === correctUsername && password === correctPassword) { alert("登录成功！"); } else { alert("用户名或密码错误！"); } }
这个简单的登录页面会从用户那里获取用户名和密码，然后在一个JavaScript函数中检查这些凭据。如果它们与硬编码的凭据匹配，那么就会显示一个成功消息；否则，就会显示一个错误消息。
这只是一个非常基础的示例，并没有处理任何安全问题。在实际应用中，您应该使用HTTPS来保护用户凭据的传输，并且应该使用服务器端代码来处理凭据验证，而不是在客户端JavaScript中处理。此外，密码应该被哈希并加盐存储，而不是以明文形式存储或传输。
