enterkeyhint

Глобальний атрибут enterkeyhint (підказка клавіші Enter) – це перелічений атрибут, що визначає те, який підпис дії (або піктограму) представити на клавіші Enter на віртуальних клавіатурах.

Спробуйте його в дії

Опис

Формові контрольні елементи (як то елементи <textarea> і <input>) та елементи, що користуються contenteditable, можуть задавати атрибут inputmode, аби контролювати те, якого роду віртуальна клавіатура буде використовуватися. Щоб іще більше покращити досвід користувачів, клавішу Enter можна налаштувати окремо, надавши атрибут enterkeyhint, котрий вказує, як підписати клавішу Enter (або яку піктограму показати). Клавіша Enter зазвичай представляє те, що користувач має зробити далі; типові дії – це: надіслати текст, вставити новий рядок, здійснити пошук.

Якщо атрибут enterkeyhint не заданий, то користувацький агент може використати контекстову інформацію з inputmode, type або pattern, щоб показати годящий підпис (або піктограму) клавіші Enter.

Значення

Атрибут enterkeyhint – це перелічений атрибут, він приймає лише наступні значення:

Значення Опис Приклад підпису (залежить від користувацького агента та мови користувача)
enterkeyhint="enter" Зазвичай додавання нового рядка.
enterkeyhint="done" Зазвичай означає, що далі нема чого вводити, і що редактор метода введення (IME) буде закритий. Done
enterkeyhint="go" Зазвичай означає, що користувач буде переведений до місця призначення тексту, котрий надруковано. Open
enterkeyhint="next" Зазвичай переводить користувача до наступного поля, що приймає текст. Next
enterkeyhint="previous" Зазвичай переводить користувача до попереднього поля, що приймає текст. Previous
enterkeyhint="search" Зазвичай переводить користувача до результатів пошуку для введеного тексту. Search
enterkeyhint="send" Зазвичай доставляє текст до його цілі. Send

Специфікації

Сумісність із браузерами

desktop mobile
Chrome Edge Firefox Internet Explorer Opera Safari WebView Android Chrome Android Firefox for Android Opera Android Safari on iOS Samsung Internet
enterkeyhint
Chrome Full support 77
Edge Full support 79
Firefox Full support 94
Internet Explorer No support Ні
Opera Full support 66
Safari Full support 13.1
WebView Android Full support 77
Chrome Android Full support 77
Firefox for Android Full support 94
Opera Android Full support 57
Safari on iOS Full support 13.4
Samsung Internet Full support 12.0

Дивіться також