< input > элементы типа search — это текстовые поля, предназначенные для ввода пользователем поисковых запросов. Функционально они идентичны text вводам, но пользовательский агент может использовать разные стили .

spellcheck — это глобальный атрибут, который используется для указания, следует ли включать проверку орфографии для элемента. Его можно использовать с любым редактируемым контентом, но здесь мы рассмотрим особенности, связанные с использованием элементов spellcheck < input > . Допустимые значения для spellcheck :

False - Отключите проверку орфографии для этого элемента.

True - Включите проверку орфографии для этого элемента.

"" (пустая строка) или нет значения - Следуйте поведению элемента по умолчанию для проверки орфографии. Это может быть основано на установке родителя spellcheck или других факторах.

Для поля ввода может быть включена проверка орфографии, если для него не установлен атрибут readonly и он не отключен.

< input > элементы типа search очень похожи на элементы типа text , за исключением того, что они специально предназначены для обработки условий поиска. По сути, они эквивалентны по поведению, но пользовательские агенты могут выбирать для них разные стили по умолчанию (и, конечно же, сайты могут использовать таблицы стилей для применения к ним пользовательских стилей).

Основные базовые различия заключаются в том, как браузеры их обрабатывают. Первое, на что следует обратить внимание, это то, что в некоторых браузерах отображается значок креста, по которому можно щелкнуть, чтобы мгновенно удалить поисковый запрос, если это необходимо, в Chrome это действие также запускается при нажатии клавиши Escape. Следующий скриншот взят из Chrome:

Кроме того, современные браузеры также имеют тенденцию автоматически сохранять условия поиска, ранее введенные в разных доменах, которые затем появляются в качестве параметров автозаполнения, когда последующие поиски выполняются во входных данных поиска в этом домене. Это помогает пользователям, которые со временем выполняют поиск по одним и тем же или похожим поисковым запросам. Этот скриншот из Firefox: