提交按鈕在表格的中間

Question

我的問題是： 我可以把提交按鈕不在表格的最後，我需要把表格中間放置在舒適設計佈局的中間。 例如：

<form name="wide-search" action="/wide-search/" method="get" class="form-wide-search"> 
     <select class="form-control cars"> 
       <option>1</option> 
       <option>2</option> 
     </select> 
     <input type="text" class="form-control" placeholder="Поиск по всем объявлениям доски"> 
     <select class="form-control region-search"> 
       <option>1</option> 
       <option>2</option> 
     </select> 
//HERE IS FORM SUBMIT BUTTON 
     <div class="input-group"> 
      <input class="form-control" id="searchInput" type="text" name="q" placeholder="Искать среди всех товаров и услуг" value="" x-webkit-speech=""> 
      <div class="input-group-btn"> 
       <button type="submit" class="btn btn-primary">Найти</button> 
      </div> 
     </div> 
//AND THEN WE HAVE SOME SELECT'S WITH PARAMETRES, THAT ALSO CONNECTED TO THIS FORM BUT THEIR 
PLACE IS AFTER SUBMIT BUTTON 
     <select class="form-control mark"> 
       <option>1</option> 
       <option>2</option> 
     </select> 
     <select class="form-control model"> 
       <option>1</option> 
       <option>2</option> 
     </select> 
     <select class="form-control year"> 
       <option>1</option> 
       <option>2</option> 
     </select> 
</form> 

我需要爲這個表單創建HTML和CSS設計佈局，我從程序員這個任務，我不舒爾將這項工作真正的，或者是錯誤的佈局。在這個問題上，我沒有在網上找到答案。所以我相信有人可以解釋我。最後，我添加了這種形式的圖像。

Answer 1

您可以將提交按鈕放在窗體的任何位置。此外，對於HTML5 form屬性，您甚至不必將其放入表單中，例如

<form id="form-id"> 
    ... 
</form> 
<button type="submit" form="form-id">Submit from outside</button> 

Answer 2

將元素放置在表單中的位置並不重要。一個簡單的例子是：

Submit Button On Top of Input

此外，一個提交按鈕可以位於與該form屬性和形式的ID形式之外。

Submit Outside Form