enterkeyhint
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since November 2021.
Das enterkeyhint
globale Attribut ist ein enumeriertes Attribut, das definiert, welches Aktionslabel (oder Symbol) für die Enter-Taste auf virtuellen Tastaturen angezeigt werden soll.
Probieren Sie es aus
Beschreibung
Formularsteuerelemente (wie <textarea>
oder <input>
Elemente) oder Elemente, die contenteditable
verwenden, können ein inputmode
Attribut angeben, um zu steuern, welche Art von virtueller Tastatur verwendet wird. Um die Benutzererfahrung weiter zu verbessern, kann die Enter-Taste speziell angepasst werden, indem ein enterkeyhint
Attribut angegeben wird, das angibt, wie die Enter-Taste beschriftet werden soll (oder welches Symbol angezeigt werden soll). Die Enter-Taste repräsentiert normalerweise, was der Benutzer als nächstes tun sollte; typische Aktionen sind: Text senden, eine neue Zeile einfügen oder suchen.
Wenn kein enterkeyhint
Attribut angegeben ist, kann der Benutzeragent kontextuelle Informationen aus den inputmode
, type
oder pattern
Attributen verwenden, um ein geeignetes Enter-Tasten-Label (oder Symbol) anzuzeigen.
Werte
Das enterkeyhint
Attribut ist ein enumeriertes Attribut und akzeptiert nur die folgenden Werte:
Wert | Beschreibung | Beispiel-Label (abhängig von Benutzeragent und Benutzersprache) |
---|---|---|
enterkeyhint="enter" |
Typischerweise das Einfügen einer neuen Zeile. | return, ↵ |
enterkeyhint="done" |
Typischerweise bedeutet dies, dass nichts mehr einzugeben ist und der Eingabemethoden-Editor (IME) geschlossen wird. | done, ✅ |
enterkeyhint="go" |
Typischerweise bedeutet dies, den Benutzer zum Ziel des eingegebenen Textes zu führen. | go, 🡢 |
enterkeyhint="next" |
Typischerweise den Benutzer zum nächsten Feld führen, das Text akzeptiert. | next, ⇥ |
enterkeyhint="previous" |
Typischerweise den Benutzer zum vorherigen Feld führen, das Text akzeptiert. | return, ⇤ |
enterkeyhint="search" |
Typischerweise den Benutzer zu den Ergebnissen der Suche nach dem eingegebenen Text führen. | search, 🔍 |
enterkeyhint="send" |
Typischerweise den Text an sein Ziel übermitteln. | send |
Spezifikationen
Specification |
---|
HTML Standard # attr-enterkeyhint |
Browser-Kompatibilität
BCD tables only load in the browser
Siehe auch
HTMLElement.enterKeyHint
Eigenschaft, die dieses Attribut widerspiegeltinputmode
globales Attributcontenteditable
globales Attributtype
undpattern
Attribute auf<input>
Elementen