我正在构建一个简单的个人小网站,并为此站点与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">×</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>
有人可以帮助我了解为什么会发生这种情况以及如何解决吗?预先非常感谢。