HTML/Attribute/pattern

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche

Mit dem pattern-Attribut lässt sich ein Suchmuster angeben, gegen das die Eingabe browserseitig geprüft wird. Das Suchmuster ist dabei kompatibel zum JavaScript-Object RegExp. Die RegExp-Suchmuster werden traditionell als reguläre Ausdrücke bezeichnet - sie enthalten aber mittlerweile so viele zusätzliche Features, dass sie die Kriterien für einen regulären Ausdruck im Sinne der theoretischen Informatik nicht mehr erfüllen. Die Bezeichnung hat sich im Jargon dennoch erhalten.

erlaubte Werte

String (Suchmuster)

default-Wert
erlaubt in input
Browsersupport Details bei caniuse.com: {{{caniuse}}}
Beispiel
<label for="passwd">Passwort</label>
<input id="passwd" type="password" pattern="123abc" 
       title="Das Passwort lautet: „123abc“">

<label for="text">Leerzeichen verboten</label>
<input id="text" pattern="^\S*$"
       title="Keine Leerzeichen eingeben!">


Empfehlung: Falls die Prüfung fehlschlägt, zeigen Browser den Inhalt des title-Attributs an, dieses sollte daher einen sinnvollen Inhalt haben.

Siehe auch

Weblinks