html登录成功跳转页面
时间: 2023-10-27 21:12:54 浏览: 525
要实现HTML登录成功后跳转页面,您需要使用JavaScript。以下是实现此功能的步骤:
1. 在HTML登录页面中,添加一个表单以收集用户名和密码。表单应该有一个提交按钮,当用户点击它时,JavaScript代码将检查用户名和密码是否正确。
2. 当用户点击提交按钮时,JavaScript代码应该获取用户名和密码的值,并将它们与预先设定的值进行比较。如果用户名和密码正确,JavaScript代码应该使用window.location.href属性将用户重定向到另一个页面。
以下是一个示例代码:
```
<!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>
<input type="button" value="提交" onclick="checkLogin()">
</form>
<script>
function checkLogin() {
var username = document.getElementById("username").value;
var password = document.getElementById("password").value;
if (username === "admin" && password === "123456") {
window.location.href = "success.html";
} else {
alert("用户名或密码错误!");
}
}
</script>
</body>
</html>
```
在此示例中,如果用户名为“admin”并且密码为“123456”,JavaScript代码将使用window.location.href属性将用户重定向到“success.html”页面。否则,它将显示一个警告框,告诉用户他们输入的用户名或密码不正确。