php - 表单提交未按预期工作

Question

我尝试提交下面的表单，但失败:

<form action="venues.php" id="filterform" method="post" name="filterform">
    <label class="custom-control custom-checkbox">
        <input class="custom-control-input" name="Alfresco" type="checkbox">
        <span class="custom-control-indicator"></span>
        <span class="custom-control-description">Alfresco</span>
    </label>
    <label class="custom-control custom-checkbox">
        <input class="custom-control-input" name="WaterFront" type="checkbox">
        <span class="custom-control-indicator"></span>
        <span class="custom-control-description">WaterFront</span>
    </label>
    <label class="custom-control custom-checkbox">
        <input class="custom-control-input" name="Nature" type="checkbox">
        <span class="custom-control-indicator"></span>
        <span class="custom-control-description">Nature</span>
    </label>
    <label class="custom-control custom-checkbox">
        <input class="custom-control-input" name="Classy" type="checkbox">
        <span class="custom-control-indicator"></span>
        <span class="custom-control-description">Classy</span>
    </label>
</form>

下面是我用来处理表单提交的 PHP 代码:

if ( isset( $_POST["Alfresco"] ) ) {
    $query = 'SELECT venue_name, picture, price, capacity
        FROM venues
        WHERE theme = "Alfresco"
        LIMIT ' . $start_from . ' , ' . $items_page . ' ; ';
    $result = $con->query( $query );
    $num_results = $result->num_rows;
    // etc.
}

我做错了什么以及如何让它发挥作用？

我似乎在使用复选框时遇到问题，因为其他输入字段的文本类型为 type 效果很好。

我有提交按钮。

       <div class="modal-footer">
    <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
    <button type="submit" class="btn btn-primary" name="submitForm" form="filterform" value="submitForm" id="submitForm">Filter</button>
  </div> 
</form>

Answer 1

没有提交按钮或提交表单的 JavaScript，因此 php 永远不会执行

尝试添加<input type="submit">在你的表格中

如果您想在单击复选框后立即执行 php，您需要使用一些 JavaScript 来告诉浏览器在输入字段被单击时提交表单。