Поиск всегда должен быть button и в теге form?

Question

[olya_097]

Поиск всегда должен быть button и в теге form?

Answer 1

[Martovitskiy]

нет, не обязательно. Например так:

<form>
  <p>
    <input type="search" placeholder="Поиск по сайту"> 
    <input type="submit" value="Найти">
  </p>
</form>

Comments

[olya_097]

Martovitskiy, но в form всегда?

[CHolfield]

Как ты понял, о чем она? Почему ты ответил именно так?

[Martovitskiy]

<input> не требуется помещать внутрь контейнера <form>, определяющего форму, но если введенные пользователем данные должны быть отправлены на сервер, где их обрабатывает серверная программа, то указывать обязательно.
У Вас поиск и будет отправка на сервер, значит в <form> нужно

[Martovitskiy]

CHolfield, довел мысль до конца)

[olya_097]

Martovitskiy, спасибо

[hckn]

Martovitskiy, совершенно не обязательно, это было обязательно в прошлом веке.

[hckn]

olya_097, не слушай его, можно отправлять и без form

[Martovitskiy]

hckn, покажите мне спецификацию, где это написано. MDN, пример с тегом form, W3Schools тоже пример по новым стандартам в теге form.
И везде чётко написано, что если введенные пользователем данные должны быть отправлены на сервер, где их обрабатывает серверная программа, то указывать form обязательно. Я верю этим источникам.
Да и как отправить по вашему на сервер? Получать значение в переменную, потом отправлять c помощью AJAX? Не слишком ли для поиска? Прежде чем опровергать предоставленную информацию, удостоверьтесь, что правда на Вашей стороне.

[Антон Иванов]

Martovitskiy, использование Ajax для отправки формы абсолютно нормально. Перефразируя вас, не слишком ли для простого поиска перезагружать страницу целиком?

Теперь о вопросе автора olya_097. Семантически верно заключать теги input внутрь тега form, согласно спецификации HTML. Но никто это не обязывает делать. Решение за вами.

Более того, я могу даже не использовать теги input для сбора данных пользователя. Могу взять обычные дивы в режиме content editable.

Answer 2

[Антон Усачев]

В спецификации HTML5 появился еще атрибут form, который позволяет выносить сабмит за пределы формы:

<form id="myform" method="get" action="something.php">
    <input type="text" name="name" />
</form>

<input type="submit" form="myform" />