Кнопка устранения неполадок при загрузке

Question

Кнопка отправки не работает, если я помещаю ее в другой контейнер или строку

Если мой код отформатирован таким образом, кнопка отправки работает

<div class="container">
    <div class="row">
       <form>
          <button type="submit">Submit</button>
       </form>
    </div>
</div>

Если мой код отформатирован какэта кнопка отправки не работает

 <div class="container">

    <div class="row">
       <form>

           {{ some other codes }}

    </div>

    <div class="row">

          <button type="submit">Submit</button>
       </form>
    </div>
</div>

Я не получаю сообщения об ошибке .. кнопка есть, но она не работает.

Answer 1

Если вы заказываете теги, как показано ниже, чтобы они закрывались правильно.Тогда ваша кнопка будет работать.
Взгляните на Основы HTML. Вложенные элементы из MDN.

<div class="container">
  <form>
    <div class="row">
      {{ some other codes }}
    </div>
    <div class="row">
      <button id="js" type="submit">Submit</button>
    </div>
  </form>
</div>

Answer 2

Ваши div не закрываются должным образом. Ваша форма начинается в div и заканчивается в другом div. Я не уверен, что вы хотели сделать, но вам нужно убедиться, что теги form начинаются и заканчиваются внутри одного и того же div.

<div class="container">

    <div class="row">
       <form>

           {{ some other codes }}

         <div class="row">
           <button type="submit">Submit</button>

         </div>
       </form>
    </div>
</div>