在表单中间提交按钮

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