Definizione e utilizzo
Il pattern attributo specifica un'espressione regolare che il <input> il valore di elemento viene confrontato.
Nota: Il pattern attributo funziona con i seguenti tipi di ingresso: text, date, search, url, tel, email e password .
Suggerimento: utilizzare il globale title attributo per descrivere il modello per aiutare l'utente.
Tip: Per saperne di più su espressioni regolari nel nostro tutorial JavaScript.
Si applica a
Il pattern attributo può essere utilizzato sull'elemento seguente:
| Elemento | Attributo |
|---|---|
| <input> | pattern |
Esempi
Input Esempio
Un modulo HTML con un campo di input che può contenere solo tre lettere (numeri o caratteri speciali):
<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>
Prova tu stesso " Password Esempio
Un <input> elemento con type="password" che deve contenere 6 o più caratteri:
<form action="demo_form.asp">
Password: <input type="password" name="pw" pattern=".{6,}" title="Six or
more characters">
<input type="submit">
</form>
Prova tu stesso " Password Esempio
Un <input> elemento con type="password" che deve contenere 8 o più caratteri che sono di almeno un numero e una maiuscola e minuscola:
<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>
Prova tu stesso " Browser Support
I numeri nella tabella indicano la prima versione del browser che supporta pienamente l'attributo.
| Attributo | |||||
|---|---|---|---|---|---|
| pattern | 5.0 | 10.0 | 4.0 | Non supportato | 9.6 |