Bücher online kostenlos Kostenlos Online Lesen
HTML5-Handbuch - die neuen Features von HTML5

HTML5-Handbuch - die neuen Features von HTML5

Titel: HTML5-Handbuch - die neuen Features von HTML5 Kostenlos Bücher Online Lesen
Autoren: Franzis
Vom Netzwerk:
Ausdruck erlaubt beispielsweise Eingaben der Sorte
++4989119393934-334
.
Referenzinformationen
    Elementreferenz

:
    Attributreferenz
type
,
    Attributreferenz
name
,
    Attributreferenz
value
:

    Attributreferenz
min
,
    Attributreferenz
max
,
    Attributreferenz
step
:

8.3.2      Zusätzliche Angaben für die Feldinterpretation
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.
Beispiel
    


    


Erläuterung
    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.
    Attributreferenz
inputmode
:

8.3.3      Deaktivieren und Nurlesen von Formularfeldern
    Sie können erzwingen, dass ein Eingabefeld kein Eingabefeld mehr ist, sondern eigentlich nur ein Ausgabefeld und ein Eingabebereich nur ein Ausgabebereich. Das kann beispielsweise interessant sein, wenn Sie von JavaScript ermittelte Werte in einem Formularfeld anzeigen möchten oder wenn Sie Felder mit einem Wert vorbelegen möchten, den der Anwender aber nicht ändern können soll.
    Ferner können Sie Elemente deaktivieren, um zu signalisieren, dass das Element im aktuellen Zusammenhang ohne Bedeutung ist. Sinnvoll ist das Ausgrauen allerdings vor allem als HTML-Grundlage für Script-Sprachen, die Elemente je nach Eingaben oder Auswahl in anderen Elementen dynamisch ausgrauen. So wäre es beispielsweise sinnvoll, Angaben zum Typ des gefahrenen Autos dynamisch

Weitere Kostenlose Bücher