建立一个登录页面,有页面有账号、密码、登录按钮,输入正确的账号密码跳转到另一个页面
时间: 2024-02-28 16:56:49 浏览: 24
好的,以下是一个简单的登录页面示例,使用HTML和JavaScript实现:
```
<!DOCTYPE html>
<html>
<head>
<title>登录页面</title>
</head>
<body>
<h1>登录页面</h1>
<form>
<label for="username">用户名:</label>
<input type="text" id="username" name="username"><br><br>
<label for="password">密码:</label>
<input type="password" id="password" name="password"><br><br>
<button type="button" onclick="login()">登录</button>
</form>
<script>
function login() {
// 获取输入的用户名和密码
var username = document.getElementById("username").value;
var password = document.getElementById("password").value;
// 检查输入是否正确
if (username === "admin" && password === "123456") {
// 跳转到另一个页面
window.location.href = "welcome.html";
} else {
alert("用户名或密码错误,请重新输入。");
}
}
</script>
</body>
</html>
```
在这个示例中,我们创建了一个表单,包含了一个用户名输入框、一个密码输入框和一个登录按钮。当用户点击登录按钮时,JavaScript代码会获取输入框中的值,并检查是否与预设的用户名和密码匹配。如果匹配成功,就会跳转到另一个页面(在这里是welcome.html)。如果匹配失败,就会弹出一个提示框,提醒用户重新输入。