enterkeyhint
Das enterkeyhint globale Attribut
ist ein aufzählbares Attribut, das definiert, welches Aktionslabel (oder Symbol) für die Enter-Taste auf virtuellen Tastaturen präsentiert werden soll.
Probieren Sie es aus
<input enterkeyhint="go" />
<p contenteditable enterkeyhint="go">https://example.org</p>
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 durch Bereitstellung des Attributs enterkeyhint
angepasst werden, 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 soll; typische Aktionen sind: Text senden, eine neue Zeile einfügen oder suchen.
Wenn kein enterkeyhint-Attribut angegeben wird, kann die Benutzer-Agent Kontextinformationen aus den Attributen
inputmode,
type
oder pattern verwenden, um ein geeignetes Enter-Taste-Label (oder Symbol) anzuzeigen.
Werte
Das enterkeyhint-Attribut ist ein aufzählbares Attribut und akzeptiert nur die folgenden Werte:
| Wert | Beschreibung | Beispiel-Label (abhängig vom Benutzer-Agent und der Benutzersprache) |
|---|---|---|
enterkeyhint="enter" |
Normalerweise das Einfügen einer neuen Zeile. | return, ↵ |
enterkeyhint="done" |
Bedeutet in der Regel, dass es nichts mehr einzugeben gibt und der Eingabemethoden-Editor (IME) geschlossen wird. | done, ✅ |
enterkeyhint="go" |
Bedeutet in der Regel, den Benutzer zum Ziel des eingegebenen Textes zu führen. | go, 🡢 |
enterkeyhint="next" |
Normalerweise, um den Benutzer zum nächsten Feld zu führen, das Text akzeptiert. | next, ⇥ |
enterkeyhint="previous" |
Normalerweise, um den Benutzer zum vorherigen Feld zu führen, das Text akzeptiert. | return, ⇤ |
enterkeyhint="search" |
Normalerweise, um den Benutzer zu den Ergebnissen der Suche nach dem eingegebenen Text zu führen. | search, 🔍 |
enterkeyhint="send" |
Normalerweise, um den Text an sein Ziel zu liefern. | send |
Spezifikationen
Browser-Kompatibilität
Siehe auch
HTMLElement.enterKeyHint-Eigenschaft, die dieses Attribut widerspiegeltinputmodeglobales Attributcontenteditableglobales AttributtypeundpatternAttribute auf<input>-Elementen