Atrybut wzorca HTML
Definicja i użycie
patternAtrybut określa wyrażenie regularne, z którym sprawdzana
<input>jest wartość elementu.
Uwaga: Atrybut patterndziała z następującymi typami danych wejściowych: tekst, data, wyszukiwanie, adres URL, tel, e-mail i hasło.
Wskazówka: użyj titleatrybutu global, aby opisać wzorzec, aby pomóc użytkownikowi.
Wskazówka: Dowiedz się więcej o wyrażeniach regularnych w naszym samouczku JavaScript.
Dotyczy
Atrybutu patternmożna użyć na następującym elemencie:
| Element | Atrybut |
|---|---|
| <wejście> | wzorzec |
Przykłady
Przykład wejścia
Formularz HTML z polem wejściowym, które może zawierać tylko trzy litery (bez cyfr i znaków specjalnych):
<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>
Przykład hasła
Element <input> z type="password", który musi zawierać co najmniej 6 znaków:
<form action="/action_page.php">
Password: <input type="password" name="pw" pattern=".{6,}" title="Six or more characters">
<input type="submit">
</form>
Przykład hasła
Element <input> z type="password", który musi zawierać 8 lub więcej znaków składających się z co najmniej jednej cyfry oraz jednej dużej i małej litery:
<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>
Obsługa przeglądarki
Liczby w tabeli określają pierwszą wersję przeglądarki, która w pełni obsługuje ten atrybut.
| Attribute | |||||
|---|---|---|---|---|---|
| pattern | 5.0 | 10.0 | 4.0 | Not supported | 9.6 |