Как я могу отправить форму через POST?

Question

<form id="search" action="#" method="post" style="float: left">    
    <div id="input" style="float: left; margin-left: 10px;" > 
     <input type="text" name="search-terms" id="search-terms" placeholder="Search websites and categories..." style="width: 300px;"> 
    </div> 
    <div id="label" style="float: left; margin-right: 10px;"> 
     <button type="submit" onclick="searchbox()" for="search-terms" id="search-label" class="glyphicon glyphicon-search"></button> 
    </div> 
</form> 

Когда пользователь нажимает на div id label, я хочу переключить свойство отображения div input. который работает нормально. Я использовал следующий код для реализации функций.

function searchbox(){ 
    if ($("#input").css('display') == 'none') { 
     $('#input').css('display','block'); 
    } else { 
     $('#input').css('display','none'); 
    } 
} 

Я хочу, чтобы представить данные формы через POST, но эта функциональность не работает, ни нажатие клавиши ввод, ни при нажатии кнопки передачи.

Пожалуйста, помогите мне с этим.

Answer 1

Постарайся подачи через JS

HTML

<form id="search" action="#" method="post">    
    <div id="input" style="float: left; margin-left: 10px;" > 
     <input type="text" name="search-terms" id="search-terms" placeholder="Search websites and categories..." style="width: 300px;"> 
    </div> 
    <div id="label" style="float: left; margin-right: 10px;"> 
     <button type="submit" for="search-terms" id="search-label" class="glyphicon glyphicon-search">click</button> 
    </div> 
</form> 

JS

$(".glyphicon").click(function(e){ 
    e.preventDefault(); 

     if ($("#input").css('display') == 'none') { 
       $('#input').css('display','block'); 
      } else { 
       $('#input').css('display','none'); 
      } 

      $("#search").submit(); 

     }); 

Answer 2

вы должны использовать <input type=submit> для подачи