单击表单时页面重定向-编程知识-白鹭情

我遇到了一个问题，当我点击我制作的表单以在输入框中输入资料时，页面重定向到 ./about

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <link rel="stylesheet" href="styles.css">
    <title></title>
  </head>
  <body>

    <header>
      <h1><span>AJAX CORP</span></h1>
    </header>
    <nav>
      <ul>
        <li><a href="/">home</a></li>
        <li><a href="/create-user">register</li>
        <li><a href="/about">about</li>
      </ul>
    </nav>
    <div class="user-create">
        <h1>User Creation Form</h1>
        <form action="http://127.0.0.1:3000/create-user/result" method="post" id="user-create-form">
          <input type="email" name="email" id="user-create-email" placeholder="E-mail" required><br>
          <input type="text" name="username" id="user-create-username" placeholder="Username" required><br>
          <input type="password" name="password" id="user-create-password" placeholder="Password" required><br>
          <input type="submit" name="submit" id="user-create-submit" value="Submit">
        </form>
    </div>
  </body>
</html>

我已将其缩小为 HTML 问题（我认为），因为当我将导航移到表单下方时，问题不会持续存在。我正在使用 ejs 和 express。如果我将 about 锚点中的 href 更改为另一条路径，它会将我重定向到该路径。

uj5u.com热心网友回复：

你没有关闭锚标签

uj5u.com热心网友回复：

这是因为您没有正确关闭标签。试试下面的代码

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <link rel="stylesheet" href="styles.css">
    <title></title>
  </head>
  <body>

    <header>
      <h1><span>AJAX CORP</span></h1>
    </header>
    <nav>
      <ul>
        <li><a href="/">home</a></li>
        <li><a href="/create-user">register</a></li>
        <li><a href="/about">about</a></li>
      </ul>
    </nav>
    <div class="user-create">
        <h1>User Creation Form</h1>
        <form action="http://127.0.0.1:3000/create-user/result" method="post" id="user-create-form">
          <input type="email" name="email" id="user-create-email" placeholder="E-mail" required><br>
          <input type="text" name="username" id="user-create-username" placeholder="Username" required><br>
          <input type="password" name="password" id="user-create-password" placeholder="Password" required><br>
          <input type="submit" name="submit" id="user-create-submit" value="Submit">
        </form>
    </div>
  </body>
</html>