html - 为什么我在单击表单字段时会被重定向到禁止页面？

Question

我正在构建一个简单的小型个人网站，并且我正在使用 Bootstrap 制作一个模态联系表。当我打开模式并单击任何表单字段时，我立即被重定向到禁止页面，并在此服务器上看到错误消息“您无权访问/无”。我不能我的一生都明白为什么会发生这种情况。以下是模态表单：

<div class="modal fade" id="contact-form" tabindex="-1" role="dialog" aria-labelledby="contact-form" aria-hidden="true" style="color:darkslategray;">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title">Shoot me a message!</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <!-- Contact form -->
        <form method="POST" action="index.php">
          <div class="form-group">
            <label for="name">Name:</label>
            <input type="text" class="form-control mb-4" id="name" />

            <label for="email">Email Address:</label>
            <input type="email" class="form-control mb-4" name="email" id="email" />

            <label for="message">Message:</label>
            <textarea class="form-control mb-4" name="message" id="message"></textarea>

          </div>
          <button type="submit" class="btn btn-primary">Send</button>
        </form>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
      </div>
    </div>
  </div>
</div>

下面是触发模式的链接的 HTML：

<p>Want to chat? <span class="contact" data-toggle="modal" data-target="#contact-form">Contact me</span>.</p>

有人可以帮我理解为什么会发生这种情况以及如何解决吗？提前谢谢了。

标签： htmlformsbootstrap-4