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 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

Specification
HTML
# attr-enterkeyhint

Browser-Kompatibilität

Siehe auch