enterkeyhint HTML-Globalattribut
Baseline
Weitgehend verfügbar
Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit November 2021 browserübergreifend verfügbar.
Das enterkeyhint Globalattribut ist ein aufgezähltes Attribut, das festlegt, welches Aktionslabel (oder welches Symbol) für die Eingabetaste auf virtuellen Tastaturen angezeigt 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 spezifizieren, um zu steuern, welche Art von virtueller Tastatur verwendet wird. Um die Benutzererfahrung weiter zu verbessern, kann die Eingabetaste speziell angepasst werden, indem ein enterkeyhint-Attribut angegeben wird, das festlegt, wie die Eingabetaste beschriftet sein soll (oder welches Symbol angezeigt werden soll). Die Eingabetaste repräsentiert üblicherweise, 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 ist, kann der Benutzeragent kontextuelle Informationen aus den Attributen inputmode, type oder pattern verwenden, um ein geeignetes Eingabetasten-Label (oder Symbol) anzuzeigen.
Wert
Das enterkeyhint-Attribut ist ein aufgezähltes 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 es nichts mehr einzugeben gibt und der Eingabemethodeneditor (IME) geschlossen wird. | done, ✅ |
enterkeyhint="go" |
Typischerweise, um den Benutzer zum Ziel des von ihm eingegebenen Textes zu führen. | go, 🡢 |
enterkeyhint="next" |
Typischerweise, um den Benutzer zum nächsten Feld zu führen, das Text akzeptiert. | next, ⇥ |
enterkeyhint="previous" |
Typischerweise, um den Benutzer zum vorherigen Feld zu führen, das Text akzeptiert. | return, ⇤ |
enterkeyhint="search" |
Typischerweise, um den Benutzer zu den Ergebnissen der Suche nach dem von ihm eingegebenen Text zu führen. | search, 🔍 |
enterkeyhint="send" |
Typischerweise, um den Text an sein Ziel zu übermitteln. | send |
Spezifikationen
| Spezifikation |
|---|
| HTML> # attr-enterkeyhint> |
Browser-Kompatibilität
Siehe auch
HTMLElement.enterKeyHint-Eigenschaft, die dieses Attribut widerspiegeltinputmodeGlobalattributcontenteditableGlobalattributtypeundpatternAttribute auf<input>-Elementen