Кнопка «Отправить» находится выше поля ввода таблицы циклов

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>

Тадаа ... тогда он показывает:

И кнопка Отправить находится в верхней части формы ?!Может ли кто-нибудь помочь мне это исправить?

Или ... хоть какая-то причина?

Answer 1

У вас неправильный порядок тегов html.

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

<table> тег может содержать только , содержит (в данном конкретном порядке)

• необязательно<caption> элемент,
• ноль или более <colgroup> элементов,
• необязательный элемент <thead>,
• любой из следующих параметров:
  • ноль или более <tbody> элементов
  • один или несколько <tr> элементов
• необязательный <tfoot> элемент

---

Попробуйте изменить порядок элементов следующим образом:

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

Answer 2

Обновите ваш код, например

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

, он будет отображать кнопку отправки под полем ввода.