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 |
Специфікації
Специфікація |
---|
HTML Standard (HTML) # attr-enterkeyhint |
Сумісність із браузерами
desktop | mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
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 |
Дивіться також
- Властивість
HTMLElement.enterKeyHint
, що відбиває цей атрибут - Глобальний атрибут
inputmode
- Глобальний атрибут
contenteditable
- Атрибути
type
іpattern
на елементах<input>