Атрибут enterkeyhint

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

Синтаксис

enterkeyhint="enter | done | go | next | previous | search | send"

Значения

Значение	Описание	Вид кнопки
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	Живой стандарт

Браузеры


	79	77	66	13.1	94


77	94	57	13.4

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

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

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