Manuale di riferimento HTML

Completo della guida HTML

HTML: <input> attributo pattern

Questo articolo introduce l'uso dell'attributo pattern dell'input HTML, dimostra online come utilizzare l'attributo pattern dell'input HTML, la compatibilità del browser, la definizione della sintassi e dettagli delle sue proprietà.

　HTML <input> etichetta

Esempio online

Un modulo HTML che può contenere solo tre lettere (non può contenere numeri o caratteri speciali):

Esempio

!DOCTYPE html
<html>
<head>
<title>HTML: <input> attributo pattern - Sito di base per tutorial (oldtoolbag.com)</title>
<body>
<form action="action_page.php">
　　Codice di paese/regione: <input type="text" name="country_code" pattern="[A-Za-z]{3}" title="Codice di paese/regione di 3 lettere">
　　<input type="submit">
</form>
</html>

Testa e guarda ‹/›

Compatibilità del browser

IEFirefoxOperaChromeSafari

Internet Explorer 10, Firefox, Opera e Chrome supportano l'attributo pattern.

Attenzione:Safari o versioni precedenti di Internet Explorer 9 non supportano l'attributo pattern dell'etichetta <input>.

Definizione e uso

L'attributo pattern specifica un'espressione regolare che verrà controllata il valore dell'elemento <input> al momento della presentazione del modulo.

Attenzione:L'attributo pattern è applicabile ai seguenti tipi di input: text, search, url, tel, email e password.

Suggerimento:Utilizza il globale title attributi per descrivere il modello per aiutare gli utenti.

Suggerimento:Puoi imparare di più sui nostri tutorial JavaScript Espressione regolare conoscenza.

Differenze tra HTML 4.01 e HTML5

L'attributo pattern è una nuova attributo in HTML5.

Sintassi

<input pattern="regexp">

Valore dell'attributo

Valore	Descrizione
regexp	Regola un'espressione regolare per verificare i valori dell'elemento <input>.

　HTML <input> etichetta

HTML: <template> etichetta