提交按钮在表格的中间

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