HTML登录表单提交后如何控制跳转页面_如何编写HTML登录页面并设置登录成功后跳转到指定页面

在 HTML 登录表单中，可以使用 action 属性来指定表单提交后的跳转页面。例如：

<form action="welcome.html" method="post">
  <label for="username">用户名:</label>
  <input type="text" id="username" name="username">
  <label for="password">密码:</label>
  <input type="password" id="password" name="password">
  <input type="submit" value="登录">
</form>

在这个示例中，当用户提交表单后，将跳转到 welcome.html 页面。

除使用 action 属性，还可以使用 JavaScript 来控制表单提交后的跳转页面。例如：

<form id="login-form">
  <label for="username">用户名:</label>
  <input type="text" id="username" name="username">
  <label for="password">密码:</label>
  <input type="password" id="password" name="password">
  <input type="submit" value="登录">
</form>

<script>
  document.getElementById('login-form').addEventListener('submit', function(event) {
    event.preventDefault(); // 阻止表单默认提交行为
    // 在这里添加登录验证逻辑
    window.location.href = 'welcome.html'; // 跳转到指定页面
  });
</script>

在这个示例中，我们使用 JavaScript 监听表单的提交事件，并在验证成功后手动跳转到 welcome.html 页面。