Справочник HTML

Атрибут enterkeyhint

79 77 66 13.1 94
77 94 57 13.4

Атрибут enterkeyhint позволяет менять вид и поведение кнопки Enter у виртуальной клавиатуры мобильных устройств. Это позволяет изменить поведение полей формы и дать пользователю подсказку, что ему ожидать при работе с клавиатурой.

Синтаксис

enterkeyhint="enter | done | go | next | previous | search | send"
Описание Пример
<тип> Указывает тип значения. <размер>
A && B Значения должны выводиться в указанном порядке. <размер> && <цвет>
A | B Указывает, что надо выбрать только одно значение из предложенных (A или B). normal | small-caps
A || B Каждое значение может использоваться самостоятельно или совместно с другими в произвольном порядке. width || count
[ ] Группирует значения. [ crop || cross ]
* Повторять ноль или больше раз. [,<время>]*
+ Повторять один или больше раз. <число>+
? Указанный тип, слово или группа не является обязательным. inset?
{A, B} Повторять не менее A, но не более B раз. <радиус>{1,4}
# Повторять один или больше раз через запятую. <время>#

Значения

Значение Описание Вид кнопки
enter Обычно вставляет новую строку текста.
done Нажатие Enter не будет отправлять форму, а только завершит ввод в текущем поле и свернёт клавиатуру.
go Нажатие Enter отправит форму, даже если поле ввода многострочное.
next Переход к следующему полю ввода при нажатии Enter.
previous Переход к предыдущему полю ввода.
search Использовать Enter для поиска или отправки формы.
send Нажатие Enter выполнит отправку формы.

Значение по умолчанию

Если атрибут enterkeyhint не указан, браузер самостоятельно подбирает наиболее подходящий вид кнопки.

Пример

<!DOCTYPE html> <html lang="ru"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>enterkeyhint</title> </head> <body> <form> <p><input type="search" autofocus placeholder="Поиск по сайту" enterkeyhint="search"> <button>Найти</button></p> </form> </body> </html>

Результат данного примера показан на рис. 1.

Вид кнопки Enter на виртуальной клавиатуре смартфона

Рис. 1. Вид кнопки Enter на виртуальной клавиатуре смартфона

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

Спецификация Статус
HTML Living Standard Живой стандарт