<search>

Элемент <search> предназначен для хранения полей формы и других элементов, связанных с поиском. Обычно <search> выступает контейнером для <input type="search"> для создания поля поиска и кнопкой <button> для отправки формы.

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

Синтаксис

<search>
…
</search>

Атрибуты

Для этого элемента доступны универсальные атрибуты и события.

Пример

<!DOCTYPE html> <html lang="ru"> <head> <meta charset="utf-8"> <title>search</title> </head> <body> <search> <script async src="https://cse.google.com/cse.js?cx=partner-pub-0708135098984815:9970767379"></script> <div class="gcse-search"></div> </search> </body> </html>

В данном примере используется Программируемая поисковая система от Google. Результат примера в браузере FIrefox показан на рис. 1.

Поисковая строка

Рис. 1. Поисковая строка

Спецификация

Браузеры

118 118 104 17 118
118 118 79 17

В таблице браузеров применяются следующие обозначения.

  • — элемент полностью поддерживается браузером;
  • — элемент браузером не воспринимается и игнорируется;
  • — при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.

Число указывает версию браузреа, начиная с которой элемент поддерживается.
Семантика