使用HTML编写登录页面是网站开发中一个常见的需求。而当用户成功登录后，我们往往希望能够跳转到相应的页面来展示用户的信息和功能。 要实现这个功能，我们可以使用JavaScript编写一些代码，让页面在用户登录成功后自动跳转到目标页面。下面我们就来看看具体实现的代码。 首先，在HTML页面的登录表单中，我们需要为提交按钮添加一个点击事件的监听。这个监听函数会在用户点击“登录”按钮后执行：

<form id="login-form" action="#" method="post">
<label for="username">用户名:</label>
<input type="text" id="username" name="username"><br>
<label for="password">密码:</label>
<input type="password" id="password" name="password"><br>
<input type="submit" value="登录" onclick="login()">
</form>

接下来，我们需要编写login()函数，用于验证用户的登录信息。如果验证成功，我们就可以使用JavaScript的location对象来完成页面跳转：

<script type="text/javascript">
function login() {
// 获取用户名和密码
var username = document.getElementById("username").value;
var password = document.getElementById("password").value;
// 验证用户名和密码是否正确
if (username == "admin" && password == "admin") {
// 跳转到目标页面
location.href = "dashboard.html";
} else {
alert("用户名或密码错误！");
}
}
</script>

在以上代码中，我们定义了一个login()函数，通过获取表单中的用户名和密码，并进行验证。如果用户名和密码都正确，就通过location.href属性将页面跳转到“dashboard.html”页面。如果用户名或密码错误，就弹出一个错误提示框。 以上就是实现HTML登录页面跳转的具体代码和流程。通过这些代码，用户可以在登录成功后自动跳转到相应的页面，并开始使用网站提供的功能和服务。