为什么在单击表单字段时重定向到“禁止页面”?

时间:2019-03-03 01:02:27

标签: html forms bootstrap-4

我正在构建一个简单的个人小网站,并为此站点与Bootstrap制作了一个模态联系表。当我打开模式对话框并单击任何表单字段时,我立即被重定向到“禁止”页面,并看到错误消息“您无权访问此服务器上的/ none”。我的生活了解为什么会发生这种情况。下面是模式形式:

<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>

有人可以帮助我了解为什么会发生这种情况以及如何解决吗?预先非常感谢。

0 个答案:

没有答案