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 bestimmt, welches Aktionslabel (oder Icon) für die Enter-Taste auf virtuellen Tastaturen angezeigt werden soll.

Probieren Sie es aus

<input enterkeyhint="go" />

<p contenteditable enterkeyhint="go">https://example.org</p>

Beschreibung

Formularsteuerungen (wie z.B. <textarea> oder <input>-Elemente) oder Elemente, die contenteditable verwenden, können ein inputmode-Attribut angeben, um zu steuern, welche Art von virtueller Tastatur verwendet werden soll. Um die Benutzererfahrung weiter zu verbessern, kann die Enter-Taste durch das Hinzufügen des enterkeyhint-Attributs individuell angepasst werden, das angibt, wie die Enter-Taste beschriftet werden soll (oder welches Icon angezeigt werden soll). Die Enter-Taste repräsentiert in der Regel die nächste Aktion, die der Benutzer ausführen soll; typische Aktionen umfassen: Text senden, eine neue Zeile einfügen oder suchen.

Wenn kein enterkeyhint-Attribut angegeben ist, kann der Benutzeragent kontextbezogene Informationen aus den inputmode, type, oder pattern-Attributen nutzen, um ein geeignetes Enter-Tastensymbol (oder Icon) anzuzeigen.

Werte

Das enterkeyhint-Attribut ist ein aufzählbares Attribut und akzeptiert nur die folgenden Werte:

Wert Beschreibung Beispiel-Label (abhängig vom Benutzeragent und der Benutzersprache)
enterkeyhint="enter" Typischerweise zum Einfügen einer neuen Zeile. return, ↵
enterkeyhint="done" Typischerweise bedeutet es, dass nichts mehr eingegeben werden muss und der Eingabemethoden-Editor (IME) geschlossen wird. done, ✅
enterkeyhint="go" Typischerweise bedeutet es, den Benutzer zum Ziel des eingegebenen Textes zu bringen. go, 🡢
enterkeyhint="next" Typischerweise den Benutzer zum nächsten Feld zu bringen, das Text akzeptiert. next, ⇥
enterkeyhint="previous" Typischerweise den Benutzer zum vorherigen Feld zu bringen, das Text akzeptiert. return, ⇤
enterkeyhint="search" Typischerweise den Benutzer zu den Suchergebnissen des eingegebenen Textes zu bringen. search, 🔍
enterkeyhint="send" Typischerweise den Text an sein Ziel zu übermitteln. send

Spezifikationen

Specification
HTML
# attr-enterkeyhint

Browser-Kompatibilität

Siehe auch