кнопка отправки в середине формы

Мой вопрос: Могу ли я поставить кнопку отправки не в конце формы, мне нужно поставить submit где-то посередине формы для удобства дизайна. Например:кнопка отправки в середине формы

<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 дизайн-макет для этой формы, я получаю эту задачу от программиста, и я не Шуры это будет работать так, или это неправильно расположение. Я не нашел ответа в Интернете по этому вопросу. Поэтому я считаю, что кто-то может объяснить мне. В конце я добавляю изображение этой формы. enter image description here

источник

2015-01-09 sanchahous

Он будет работать до тех пор, как он находится внутри формы, но это обычная практика, и логично, чтобы иметь его в качестве последнего элемента в форме. –

Местоположение не имеет значения. Кнопка привязана к форме. –

Просто переместите кнопку и щелкните по ней. Вы могли бы ответить на свой вопрос быстрее, чем время, которое потребовалось вам, чтобы опубликовать его. – Sparky

Вы можете поместить кнопку отправки в любом месте формы. Также с атрибутом HTML5 form вам даже не нужно помещать его в форму, например.

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

источник

2015-01-09 19:10:17 Musa

Место для размещения элементов внутри формы не имеет значения. Быстрый пример будет:

Submit Button On Top of Input

Кроме того, кнопка подать может находиться вне формы с атрибутом form и идентификатор формы.

Submit Outside Form

источник

2015-01-09 19:17:24

Thx для внимания !! – sanchahous

кнопка отправки в середине формы

ответ

Смежные вопросы