HTML& PHP:表单和提交按钮中的表不起作用

时间:2017-05-22 23:15:06

标签: php html forms twitter-bootstrap bootstrap-modal

我有一个嵌套在表单中的表来对齐输入字段。表单是Boostrap Modal类,我想将输入字段中的值传递给entryHandler.php进行处理。我在表单中使用了method = "get",因此我应该能够看到网址中反映的输入值。但是,单击提交按钮时没有任何反应。好像没有代码运行。我的代码结构有问题吗?

<div class="modal fade addEntryModal" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="myModalLabel">Add Entry</h4>
                </div>
                <div class="modal-body">
                    <div class="container col-md-offset-2 col-md-8" id="form">
                        <form action="entryHandler.php" method="get" class="form-group">
                            <table class="table center" id="recordForm">
                                <tr id="frm-code">
                                    <td>Code</td>
                                    <td>
                                        <input type="text" class="form-control" id="txt-code">
                                    </td>
                                </tr>
                                <tr id="frm-title">
                                    <td>Title</td>
                                    <td>
                                        <input type="text" class="form-control" id="txt-title">
                                    </td>
                                </tr>
                                <tr id="frm-unit">
                                    <td>Unit</td>
                                    <td>
                                        <input type="text" class="form-control" id="txt-unit">
                                    </td>
                                </tr>
                            </table>
                            <div class="modal-footer">
                                <div class="pull-right row">                       
                                    <input type="submit" id="hrefSave"  name = "entrySubmission" class="form-control pull-right" value = "Add" data-dismiss="modal">
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>

2 个答案:

答案 0 :(得分:2)

我没有足够的声誉发表评论,所以我会在这里给出答案。我想你错过了&#34; name&#34;属于<td>内所有3个输入的属性。

答案 1 :(得分:1)

您可以尝试删除提交按钮上的data-dismiss="modal"属性吗?我认为它会阻止默认事件,只是解除模态。