Definition und Verwendung
Das pattern Attribut gibt einen regulären Ausdruck , dass das <input> Element der Wert gegenüber wird geprüft.
Hinweis: Das pattern Attribut arbeitet mit den folgenden Eingabetypen: text, date, search, url, tel, email - password text, date, search, url, tel, email und password .
Tipp: Verwenden Sie den globalen title Attribut , das Muster zu beschreiben , um den Benutzer zu helfen.
Tipp: Erfahren Sie mehr über reguläre Ausdrücke in unserem JavaScript - Tutorial.
Gilt für
Das pattern - Attribut kann auf das folgende Element verwendet werden:
| Element | Attribut |
|---|---|
| <input> | pattern |
Beispiele
Input
Ein HTML-Formular mit einem Eingabefeld, das nur drei Buchstaben (keine Zahlen oder Sonderzeichen) enthalten:
<form action="demo_form.asp">
Country code: <input type="text" name="country_code"
pattern="[A-Za-z]{3}"
title="Three letter country code">
<input type="submit">
</form>
Versuch es selber " Password Beispiel
Ein <input> Element mit type="password" , die 6 oder mehr Zeichen enthalten:
<form action="demo_form.asp">
Password: <input type="password" name="pw" pattern=".{6,}" title="Six or
more characters">
<input type="submit">
</form>
Versuch es selber " Password Beispiel
Ein <input> Element mit type="password" , die acht oder mehr Zeichen enthalten muss , die mindestens eine Zahl und ein Groß- und Kleinbuchstaben sind von:
<form action="demo_form.asp">
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>
Versuch es selber " Browser - Unterstützung
Die Zahlen in der Tabelle geben Sie die erste Browser-Version, die das Attribut vollständig unterstützt.
| Attribut | |||||
|---|---|---|---|---|---|
| pattern | 5.0 | 10.0 | 4.0 | Nicht unterstützt | 9.6 |