提交按钮位于循环表输入字段上方

Question

当我要显示（更适合打印）form中的输入字段列表时遇到麻烦。 根据正常情况，在其下方将有一个“提交”按钮，以便将表单提交到（任何页面）。

然后，我很困惑。因为当我使用下面的代码循环时。

<table>
<form>
for($a=1; $a<=10; $a++){
  <tr>
    <td>
        <div class="form-group">
          <input class="form-control" type="text" name="name<? echo $a; ?>" required="required"/>
        </div>
    </td>
    <td>
        <div class="form-group">
           <input  class="form-control" type="text" name="url<? echo $a; ?>" required="required"/>
        </div>
    </td>
</tr>
}
<input type="submit" value="Submit" class="btn btn-primary"/>
</form>
</table>

Tadaa ...然后显示：

然后“提交”按钮在表单顶部？！ 有什么可以帮我解决的吗？

还是...至少出于某些原因？

Answer 1

像

一样更新代码

<tr>
    <td colspan="2">
      <input type="submit" value="Submit" class="btn btn-primary"/>
   </td>
</tr>

它将在输入字段下方显示提交按钮。

Answer 2

您的html标签顺序不正确。

<table>
    <form>
        <tr>
        ...
        </tr>
        <input type="submit" value="Submit" class="btn btn-primary"/>
    </form>
</table>

<table>标签只能contain（按此特定顺序）

• 可选的<caption>元素
• 零个或多个<colgroup>元素，
• 可选的<thead>元素
• 以下任一项：
  • 零个或多个<tbody>元素
  • 一个或多个<tr>元素
• 可选的<tfoot>元素

---

尝试像这样重新排列元素：

<form>
    <table>
        <tr>
        ...
        </tr>
    </table>
    <input type="submit" value="Submit" class="btn btn-primary"/>
</form>