Кнопка отправки неактивна, когда помещена в столбец col-4, а форма отправляется в столбец col-8 laravel.

Question

<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" rel="stylesheet"/>
<div class="row">
      <div class="col-8">
         <form action="action" method="post">
     <input type="text" class="form-control" name="title">
         <button type="submit" class="btn btn-success">Submit your Post</button>  //this submits the form
          </div>
	 <div class="col-4">
		   <button type="submit" class="btn btn-success">Submit your Post</button>  //this is inactive and doesn't submit the form
		</div>
	</form>
	</div>

Тег col из bootstrap работает странно, и кнопки отправки не работают в аналогичном смысле.

<div class="row">
  <div class="col-8">
     <form action="action" method="post">
 <input type="text" class="form-control" name="title">
     <button type="submit" class="btn btn-success">Submit your Post</button>  //this submits the form
      </div>
 <div class="col-4">
       <button type="submit" class="btn btn-success">Submit your Post</button>  //this is inactive and doesn't submit the form
    </div>
</form>
</div>

Answer 1

Вы пропустили свой код, вам нужно вставить этот тег <form action="action" method="post">, прежде чем <div class="col-8">

Попробуйте это

<div class="row">
  <form action="action" method="post">
    <div class="col-8">
      <input type="text" class="form-control" name="title">
      <button type="submit" class="btn btn-success">Submit your Post</button>  //this submits the form
    </div>
   <div class="col-4">
      <button type="submit" class="btn btn-success">Submit your Post</button>  //this is inactive and doesn't submit the form
    </div>
  </form>
</div>

Answer 2

html закрывающий тег является ошибкой, , если вы хотите отправить кнопку из form, но при этом оставаться частью формы , должен делать это так:

<div class="row">
<div class="col-8">
    <form id="my-form" action="action" method="post">
        <input type="text" class="form-control" name="title">
        <button type="submit" class="btn btn-success">Submit your Post</button>  //this submits the form
    </form>

</div>
<div class="col-4">
    <button type="submit" class="btn btn-success" form="my-form">Submit your Post</button>  //this is inactive and doesn't submit the form
</div>

Я установил id для формы

<form id="my-form" action="action" method="post">

, а затем установил атрибут form для кнопки отправки:

<button type="submit" class="btn btn-success" form="my-form">Submit your Post</button>

или вы можете попробовать другой способ, как показано ниже :

<div class="row">
<form action="action" method="post">

<div class="col-8">
        <input type="text" class="form-control" name="title">
        <button type="submit" class="btn btn-success">Submit your Post</button>  //this submits the form
</div>
<div class="col-4">
    <button type="submit" class="btn btn-success">Submit your Post</button>  //this is inactive and doesn't submit the form
</div>
</form>