Neben den typisierten Eingabefeldern führt HTML5 eine weitere Möglichkeit ein, die es Browsern erleichtern soll, Feldeingaben automatisch zu erkennen und gegebenenfalls automatisch zu korrigieren.
<p><label>Name:<br> <input type="text" name="user_name" inputmode="latin-name"> </label></p> <p><label>Nachricht:<br> <textarea cols="80" rows="10" name="user_text" inputmode="latin-prose"></textarea></label></p>
Mit dem Attribut inputmode, das Sie in einem input- oder einem einleitenden textarea-Tag verwenden können, geben Sie dem Browser Hinweise für eventuelle Autokorrekturen bei der Eingabe. Im ersten der obigen Beispiele ist inputmode="latin-name" notiert. Das weist den Browser an, die Eingabe als Namen zu interpretieren. Der Browser kann beispielsweise automatisch dafür sorgen, dass alle Wörter in diesem Feld mit einem Großbuchstaben beginnen. Im zweiten Fall ist inputmode="latin-prose" notiert. Das soll der Browser als „Kommunikationstext von Mensch zu Mensch“ interpretieren. Der Browser könnte für solche Felder beispielsweise eine automatische Rechtschreibkorrektur anbieten.
Für das inputmode-Attribut sind eine Reihe fester Werte vorgesehen:
Notation in HTML | Bedeutung |
---|---|
inputmode="verbatim" | Feld enthält spezielle Daten wie Benutzernamen, Produktnummern usw. Der Browser sollte keine Rechtschreibkorrektur anwenden. |
inputmode="latin" | Feld enthält Textinhalt in der bevorzugten Sprache des Benutzers, der sich jedoch an Computer richtet (z.B. Suchfeldeingaben). Der Browser könnte beispielsweise eine automatische Ausfüllhilfe bei der Eingabe anbieten. |
inputmode="latin-name" | Feld enthält Namensangaben. Der Browser könnte beispielsweise fehlende Anfangsgroßschreibung ergänzen. |
inputmode="latin-prose" | Feld enthält Text von Mensch zu Mensch. Der Browser könnte eine automatische Ausfüllhilfe und/oder eine automatische Rechtschreibkorrektur bei der Eingabe anbieten. |
inputmode="full-width-latin" | Gedacht für Felder, die CJK-Text mit eingebettetem lateinischem Alphabet-Text enthalten (CJK steht für chinesisch-japanisch-koreanische Schrift, also Wortsilbenschriften). |
inputmode="kana" | Gedacht für Kana- oder Romaji-Eingaben in japanischer Sprache. Der Browser sollte die Eingaben intern in Kanji (chinesische Schriftzeichen) konvertieren. |
inputmode="katakana" | Gedacht für Katakana-Eingaben in japanischer Sprache. Der Browser sollte die Eingaben intern in Kanji (chinesische Schriftzeichen) konvertieren. |
inputmode="numeric" | Feld enthält eine Zahl. Der Browser könnte abhängig von der Benutzersprache Formatkonventionen wie Tausenderpunkte automatisch ergänzen. |
inputmode="tel" | Gedacht für die Eingabe von Telefonnummern, sofern diese auch nicht-numerische Zeichen enthalten. Im Normalfall genügt allerdings die Angabe type=“tel“. |
inputmode="email" | Gedacht für Umgebungen, in denen typische E-Mail-Zeichen wie @ oder der Punkt nicht oder nur schwer erzeugbar sind. Der Browser könnte das Feld mit dem Schema einer Mailadresse vorbelegen, das der Benutzer dann ergänzen kann. |
inputmode="url" | Gedacht für Umgebungen, in denen typische URL-Zeichen wie : oder / nicht oder nur schwer erzeugbar sind. Der Browser könnte das Feld mit dem Schema einer URL-Adresse vorbelegen, das der Benutzer ergänzen kann. |
Korrekturen, Hinweise und Ergänzungen
Bitte scheut euch nicht und meldet, was auf dieser Seite sachlich falsch oder irreführend ist, was ergänzt werden sollte, was fehlt usw. Dazu bitte oben aus dem Menü Seite den Eintrag Diskutieren wählen. Es ist keine Anmeldung erforderlich, um Anmerkungen zu posten. Unpassende Postings, Spam usw. werden allerdings kommentarlos entfernt.