Manuel de référence HTML

Toute la liste des balises HTML

HTML: <input> attribute pattern

Cet article présente l'utilisation de l'attribut pattern de l'élément input HTML, avec des exemples en ligne, la compatibilité des navigateurs, la définition de la syntaxe et des détails sur les valeurs de l'attribut.

　HTML <input> balise

Exemple en ligne

Un formulaire HTML, où les champs d'entrée peuvent uniquement contenir trois lettres (ne peuvent pas contenir de chiffres ou de caractères spéciaux):

Exemple

!DOCTYPE　html>
<html>
<head>
<title>HTML: <input> attribute pattern　-　Base tutoriel en ligne(oldtoolbag.com)</title>
<body>
<form　action="action_page.php">
　　Pays/Code de région:　<input　type="text"　name="country_code"　pattern="[A-Za-z]{3": "3Un pays composé de lettres/Code de région">
　　<input　type="submit">
</form>
</html>

Tester voir ‹/›

Navigateur compatibilité

IEFirefoxOperaChromeSafari

Internet Explorer 10、Firefox、Opera et Chrome prennent en charge l'attribut pattern.

Attention :Safari ou Internet Explorer 9 et les versions précédentes ne prennent pas en charge l'attribut pattern de la balise <input>.

Définition et utilisation

L'attribut pattern spécifie une expression régulière qui vérifie la valeur de l'élément <input> lors de la soumission du formulaire.

Attention :L'attribut pattern s'applique aux types d'input suivants : text, search, url, tel, email et password.

Astuce :Utilisez l'attribut global title attribut pour décrire le modèle pour aider les utilisateurs.

Astuce :Vous pouvez en apprendre davantage sur nos tutoriels JavaScript Expression régulière connaissances.

HTML 4.01 et HTML5différences entre

L'attribut pattern est un attribut HTML5 nouvel attribut ajouté.

Syntaxe

<input pattern="regexp">

Valeur de l'attribut

Valeur	Description
regexp	Définir une expression régulière pour valider la valeur de l'élément <input>.

　HTML <input> balise

HTML: <template> balise