Intelligente Formulare - HTML5 - page 50

plete -Attribut wurde eingeführt, damit Webentwickler dieses Verhalten steu-
ern können. Wird ein Element mit dem Attribut autocomplete="off" versehen,
so bedeutet das, dass die einzugebende Information vertraulich ist und nicht
im Browser gespeichert werden soll. Enthält ein Formular-Element keinen
Hinweis, ob autocomplete ein- oder ausgeschaltet sein soll, so ist der Stan-
dardwert, dass Vorschläge angezeigt werden sollen. Das autocomplete -Attribut
kann auch auf das ganze Formular angewendet werden, indem man es dem
form -Element zuweist.

Um eine sehr flexible Überprüfung der Eingabe zu ermöglichen, wurde das
pattern -Attribut eingeführt. Durch die Angabe eines regulären Ausdrucks wird
das Formularfeld auf eine Übereinstimmung geprüft. Reguläre Ausdrücke stel-
len eine sehr mächtige, aber leider auch nicht ganz einfache Methode zur Be-
handlung von Strings dar. Stellen Sie sich vor, Sie suchen eine Zeichenkette, die
mit einem Großbuchstaben beginnt, auf den eine beliebige Anzahl von Klein-
buchstaben oder Zahlen folgt, und die auf .txt endet. Mit einem regexp (eine
Kurzform für Regular Expression, d. h. regulärer Ausdruck ) ist das kein Problem:
[A-Z]{1}[a-z,0-9]+\.txt

HINWEIS

Eine Einführung in reguläre Ausdrücke würde den Rahmen dieses Kapitels bei
Weitem sprengen, also setzen wir für den folgenden Abschnitt Grundkenntnis-
se in regulären Ausdrücken voraus. Wenn Sie eine kurze Online-Einführung in
reguläre Ausdrücke suchen, sind Sie natürlich bei Wikipedia gut beraten:

http://de.wikipedia.org/wiki/Regulärer_Ausdruck

Die Webseite http://www.regexe.de/ bietet eine interessante Anleitung und die
Möglichkeit, reguläre Ausdrücke gleich online auszuprobieren.

Beim Einsatz von regulären Ausdrücken im pattern -Attribut ist zu beachten,
dass das Suchmuster immer auf den gesamten Inhalt des Feldes zutreffen
muss. Außerdem wird in der Spezifikation vorgeschlagen, dass das title -At-
tribut dazu verwendet wird, dem Anwender einen Hinweis zu geben, wie das
Format der Eingabe ist. Opera und Google Chrome zeigen diese Informationen
dann in Form eines Tool-Tipps an, sobald sich der Mauszeiger über dem Feld
befindet. Nach so viel Theorie folgt nun endlich ein kurzes Beispiel:
<p><label for=pattern>Ihr Nickname:</label>
<input type=text pattern="[a-z]{3,32}"
placeholder="johnsmith" name=pattern id=pattern
title="Bitte nur Kleinbuchstaben, min. 3, max. 32!">