HTML - Musterattribut
Definition und Verwendung
Das pattern
Attribut gibt einen regulären Ausdruck an,
<input>
gegen den der Wert des Elements geprüft wird.
Hinweis: Das pattern
Attribut funktioniert mit den folgenden Eingabetypen: Text, Datum, Suche, URL, Tel, E-Mail und Passwort.
Tipp: Verwenden Sie das globale title
Attribut, um das Muster zu beschreiben, um dem Benutzer zu helfen.
Tipp: Erfahren Sie mehr über reguläre Ausdrücke in unserem JavaScript-Tutorial.
Gilt für
Das pattern
Attribut kann für das folgende Element verwendet werden:
Element | Attribut |
---|---|
<Eingabe> | Muster |
Beispiele
Eingabebeispiel
Ein HTML-Formular mit einem Eingabefeld, das nur drei Buchstaben enthalten darf (keine Zahlen oder Sonderzeichen):
<form action="/action_page.php">
Country code: <input type="text" name="country_code"
pattern="[A-Za-z]{3}" title="Three letter country code">
<input type="submit">
</form>
Passwort-Beispiel
Ein <input>-Element mit type="password", das mindestens 6 Zeichen enthalten muss:
<form action="/action_page.php">
Password: <input type="password" name="pw" pattern=".{6,}" title="Six or more characters">
<input type="submit">
</form>
Passwort-Beispiel
Ein <input>-Element mit type="password", das 8 oder mehr Zeichen enthalten muss, die aus mindestens einer Zahl bestehen, sowie einen Groß- und einen Kleinbuchstaben:
<form action="/action_page.php">
Password: <input type="password" name="pw" pattern="(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{8,}" title="Must contain at least one number and one uppercase and lowercase letter, and at least 8 or more characters">
<input type="submit">
</form>
Browser-Unterstützung
Die Zahlen in der Tabelle geben die erste Browserversion an, die das Attribut vollständig unterstützt.
Attribute | |||||
---|---|---|---|---|---|
pattern | 5.0 | 10.0 | 4.0 | Not supported | 9.6 |