Attributo del modello HTML
Definizione e utilizzo
L' patternattributo specifica un'espressione regolare rispetto alla quale
<input>viene verificato il valore dell'elemento.
Nota: l' patternattributo funziona con i seguenti tipi di input: testo, data, ricerca, URL, tel, e-mail e password.
Suggerimento: utilizzare l'attributo globale titleper descrivere il modello per aiutare l'utente.
Suggerimento: scopri di più sulle espressioni regolari nel nostro tutorial JavaScript.
Si applica a
L' patternattributo può essere utilizzato sul seguente elemento:
| Elemento | Attributo |
|---|---|
| <immissione> | modello |
Esempi
Esempio di input
Un modulo HTML con un campo di input che può contenere solo tre lettere (senza numeri o caratteri speciali):
<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>
Esempio di password
Un elemento <input> con type="password" che deve contenere 6 o più caratteri:
<form action="/action_page.php">
Password: <input type="password" name="pw" pattern=".{6,}" title="Six or more characters">
<input type="submit">
</form>
Esempio di password
Un elemento <input> con type="password" che deve contenere 8 o più caratteri di almeno un numero e una lettera maiuscola e minuscola:
<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>
Supporto browser
I numeri nella tabella specificano la prima versione del browser che supporta completamente l'attributo.
| Attribute | |||||
|---|---|---|---|---|---|
| pattern | 5.0 | 10.0 | 4.0 | Not supported | 9.6 |