HTML/Attribute/pattern

Der Begriff pattern ist mehrdeutig.
Für pattern (engl. für Muster) siehe auch

• SVG/Element/pattern (Muster in SVG).

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

• Formulare
  • Benutzereingaben zugänglich gestalten
    browsereigene Validierung (Eingabemuster mit pattern)

Weblinks

• W3C: the pattern attribute