表单上的按钮提交搜索而不是表单本身

时间:2015-10-31 20:16:57

标签: html button post

我遇到了一个问题,提交我的表单会尝试POST到我的search.php而不是request.php就像它应该的那样。

侧栏上的搜索按钮:

                <li class="sidebar-search">
                <form class="search" action="search.php" method="POST">
                    <div class="input-group custom-search-form">
                        <input type="text" class="form-control" name="results" placeholder="Search...">
                        <span class="input-group-btn">
                        <button class="btn btn-default" type="submit" name="search">
                            <i class="fa fa-search"></i>
                        </button>
                        </span>
                    </div>
                    <!-- /input-group -->
                </li>

提交表单按钮:

                        <div class="panel-body">
                            <div class="row">
                              <form class="request" action="requests.php" method="POST">
                                <div class="col-lg-6">
                                    <form role="form">
                                        <div class="form-group">
                                            <label>Address</label>
                                            <input class="form-control" name="address" placeholder="Enter address">
                                        </div>
                                        <div class="form-group">
                                            <label>Info</label>
                                            <input class="form-control" name="info" placeholder="Enter info such as S/B, Locates, promised, fence/grass">
                                        </div>
                                        <button type="submit" name="request" class="btn btn-default">Submit Button</button>
                                        <button type="reset" class="btn btn-default">Reset Button</button>
                                </div>
                                <!-- /.col-lg-6 (nested) -->
                            </div>
                            <!-- /.row (nested) -->
                        </div>

1 个答案:

答案 0 :(得分:0)

您似乎忘记关闭表单标记

围绕这个html评论&#34;&lt;! - / input-group - &gt;&#34; 你应该添加

</form>

https://jsfiddle.net/2v049ksy/