Definiție și utilizare
pattern atribut specifica o expresie regulată ca <input> valoarea elementului este verificat.
Note: pattern Atributul funcționează cu următoarele tipuri de introducere: text, date, search, url, tel, email - password text, date, search, url, tel, email - text, date, search, url, tel, email și password .
Sfat: utilizați la nivel mondial title atribut pentru a descrie modelul pentru a ajuta utilizatorul.
Tip: Aflați mai multe despre expresiile regulate în programul nostru de instruire JavaScript.
Se aplică la
pattern atribut poate fi utilizat pe elementul următor:
| Element | Atribut |
|---|---|
| <input> | pattern |
Exemple
Input Exemplu
Un formular HTML cu un câmp de intrare , care poate conține doar trei litere (no numbers or special characters) :
<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>
Încearcă - l singur » Password Exemplu
Un <input> Element cu type="password" care trebuie să conțină 6 sau mai multe caractere:
<form action="demo_form.asp">
Password: <input type="password" name="pw" pattern=".{6,}" title="Six or
more characters">
<input type="submit">
</form>
Încearcă - l singur » Password Exemplu
Un <input> Element cu type="password" care trebuie să conțină 8 sau mai multe caractere care sunt de cel puțin un număr, și o literă mare și literă mică:
<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>
Încearcă - l singur » Browser Suport
Numerele din tabel specifica prima versiune de browser care acceptă pe deplin atributul.
| Atribut | |||||
|---|---|---|---|---|---|
| pattern | 5 | 10.0 | 4 | Nu sunt acceptate | 9.6 |