HTML-форма не отправляется

Question

Моя HTML-форма не отправляется.Я пытаюсь собрать данные из формы в API, но форма не отправляется.

<div class="col-lg-12">
   <div class="card">
      <div class="panel panel-primary">
         <div class="panel-header">
            <h4 class="text-center">Investment Preview</h4>
         </div>
         <div class="panel-body">
            <h5 class="text-center"> Credit your account </h5>
            <?php $classObj->funding(); ?>
            <form action="google.com" method="POST">
               <p class="form-control-static text-center"> Enter amount in dollar </p>
               <div class="input-group">
                  <span class="input-group-addon">$</span>   
                  <input  type="number" name="amount" min="300" max="4999" class="form-control"  required />
               </div>
         </div>
         <div class="panel-footer">
            <button type="submit" name="fund" class="btn btn-primary btn-block btn-flat"> Invest </button>
         </div>
         </form>
      </div>
   </div>
</div>

Это код php для метода финансирования

function funding(){
   echo "testing";
   if(isset($_POST["fund"])) {
      $amount = mysqli_real_escape_string($this->conn, trim($_POST['amount'])); 
      echo $amount;
   }
} 

Answer 1

Не отправляется, потому что у вас есть действие формы как google.com

<form action="google.com" method="POST">

Это необходимо изменить, указав правильный путь к файлу, содержащий код обработки.

Answer 2

Это неправильное открытие и закрытие формы. Пожалуйста, установите следующее после отправки формы:

<div class="col-lg-12">
<div class="card">
    <div class="panel panel-primary">
        <div class="panel-header">
            <h4 class="text-center">Investment Preview</h4>
        </div>
        <form action="https://www.google.com" method="POST">
            <div class="panel-body">
                <h5 class="text-center"> Credit your account </h5>
                <?php $classObj->funding(); ?>
                <p class="form-control-static text-center"> Enter amount in dollar </p>
                <div class="input-group">
                    <span class="input-group-addon">$</span>   
                    <input  type="number" name="amount" min="300" max="4999" class="form-control"  required />
                </div>
            </div>
            <div class="panel-footer">
                <button type="submit" name="fund" class="btn btn-primary btn-block btn-flat"> Invest </button>
            </div>
        </form>
    </div>
</div>

Answer 3

Ваши HTML-теги неправильно вложены.Вторая </div> в форме соответствует <div> до <form>, поэтому она также завершает форму.В результате кнопка отправки не находится внутри формы.

Переместите это </div> вниз после </form>.

. Любой приличный редактор или IDE должен предупреждать вас о несбалансированных тегах.Вы также должны были заметить, что кнопка не была внутри формы, когда вы открывали консоль браузера и проверяли инспектор DOM.

<div class="col-lg-12">
  <div class="card">
    <div class="panel panel-primary">
      <div class="panel-header">
        <h4 class="text-center">Investment Preview</h4>
      </div>
      <div class="panel-body">
        <h5 class="text-center"> Credit your account </h5>
        <?php $classObj->funding(); ?>
        <form action="yourscript.php" method="POST">
          <p class="form-control-static text-center"> Enter amount in dollar </p>
          <div class="input-group">
            <span class="input-group-addon">$</span>
            <input type="number" name="amount" min="300" max="4999" class="form-control" required />
          </div>

          <div class="panel-footer">
            <button type="submit" name="fund" class="btn btn-primary btn-block btn-flat"> Invest </button>
          </div>
        </form>
      </div>
    </div>
  </div>
</div>