css - 表单中间的提交按钮

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>