Najnowsze tutoriale tworzenie stron internetowych
 

HTML pattern Attribute


Definicja i Wykorzystanie

pattern atrybut określa wyrażenie regularne, że <input> Wartość elementu jest porównywane.

Uwaga: pattern atrybutem współpracuje z następującymi typami wejściowe: text, date, search, url, tel, email i password .

Wskazówka: Użyj globalnego title atrybut opisać wzór, aby pomóc użytkownikowi.

Wskazówka: Więcej informacji na temat wyrażeń regularnych w naszym poradniku JavaScript.


Dotyczy

pattern Atrybut może być wykorzystywane w następujący element:

Element Atrybut
<input> pattern

Przykłady

Input Przykład

Formularz HTML z pola wprowadzania danych, które mogą zawierać tylko trzy litery (bez cyfry lub znaki specjalne):

<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>
Spróbuj sam "

Password Przykład

<input> element o type="password" , który musi zawierać 6 lub więcej znaków:

<form action="demo_form.asp">
Password: <input type="password" name="pw" pattern=".{6,}" title="Six or more characters">
<input type="submit">
</form>
Spróbuj sam "

Password Przykład

<input> element o type="password" , który musi zawierać 8 lub więcej znaków, które mają co najmniej jeden numer, a jedno wielkie i małe litery:

<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>
Spróbuj sam "

Browser Pomoc

Liczby w tabeli określ pierwszą wersję przeglądarki, która w pełni obsługuje atrybut.

Atrybut
pattern 5,0 10,0 4,0 Nieobsługiwany 9,6