/html/input/type/search:> Поле поиска_

Значение search

Синтаксис

HTML
<input type="search">

Описание

Тип search (от англ. "search" ‒ «поиск») создаёт поисковое поле.

Внешний вид

  • Внешний вид поискового поля ‒ поисковое поле;
  • Внешний вид поискового поля с наведённым на него курсором ‒ наведение курсора;
  • Внешний вид поискового поля с фокусом ‒ фокус.

Примечание

Поисковое поле предназначено для отправки на сервер поискового запроса (обрабатываемого специальной программой) и получения с сервера поискового ответа в виде результата поиска (например, поиска по содержимому сайта).


Поддержка браузерами

Chrome
Поддерж.
Firefox
Поддерж.
Opera
Поддерж.
Maxthon
Поддерж.
IExplorer
Поддерж.
Safari
Поддерж.
iOS
Поддерж.
Android
Поддерж.

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

Верс. Раздел
HTML
2.0 Input Field: INPUT
3.2 INPUT text fields, radio buttons, check boxes, ...
4.01 17.4.1 Control types created with INPUT
5.0 4.10.5.1.2 Text (type=text) state and Search state (type=search)
5.1 4.10.5.1.2. Text (type=text) state and Search state (type=search)
XHTML
1.0 Extensible HyperText Markup Language
1.1 Extensible HyperText Markup Language

Сопутствующие атрибуты

autocomplete
Автозаполнение значения поискового поля.
autofocus
Автоматческая фокусировка на поисковом поле после полной загрузки страницы.
dirname
Указывает уникальное имя значения направления вывода текста.
disabled
Блокировка поискового поля.

Внешний вид заблокированного поискового поля disabled="disabled"

form
Присоединение поискового поля к форме.
list
Создание списка рекомендованных вариантов поисковых запросов.

Внешний вид поискового поля c вариантами поисковых запросов

maxlength
Задаёт максимально-допустимое количество вводимых символов.
minlength
Задаёт минимально-допустимое количество вводимых символов.
name
Присваивает имя поисковому полю.
pattern
Устанавливает критерий/шаблон ввода.
placeholder
Указывает текст-подсказку для пустого поля.

Внешний вид поискового поля c текстом-подсказкой placeholder="Текст-подсказка"

readonly
Указывает, что поисковое поле доступно только для чтения (изменение/редактирование запрещено).
required
Указывает что поисковое поле обязательно для заполнения.
size
Задаёт ширину поискового поля по количеству вводимых символов.

Внешний вид поискового поля шириной в 10 символов size="10"

value
Указывает значение поискового поля (отправляется на сервер или используется сценариями).

Примечание: Данный атрибут должен иметь значение, которое не содержит символов «LF» ПЕРЕВОД СТРОКИ [U+000A] или «CR» ВОЗВРАТ КАРЕТКИ [U+000D].

Внешний вид поискового поля с введённым значением value="Текст"

Глобальные атрибуты
accesskey, class, contenteditable, contextmenu, data-*, dir, draggable, dropzone, hidden, id, inert, lang, spellcheck, style, tabindex, title, translate, xml:lang

Пример использования

Листинг кода
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Значение search (input-type)</title>
</head>
<body>
<h1>Пример с поисковым полем "type=search"</h1>
<form action="/examples/php-scripts/search.php" method="post">
<fieldset> <legend>Что ищем?</legend>
<p><input type="search" name="question" placeholder="Поисковый запрос"></p>
</fieldset>
<p><input type="reset" value="Очистить"> <input type="submit" value="Найти"></p>
</form>
</body>
</html>
Значение search (input-type)