HTML motif Attribut
Définition et Utilisation
L'attribut pattern spécifie une expression régulière contre laquelle la valeur de l'élément <input> est vérifiée.
Remarque : L'attribut pattern fonctionne avec les types d'entrée suivants : texte, date, recherche, URL, téléphone, e-mail et mot de passe.
Astuce : Utilisez l'attribut global title pour décrire le motif afin d'aider l'utilisateur.
Astuce : En savoir plus sur les expressions régulières dans notre tutoriel JavaScript.
S'applique à
L'attribut pattern peut être utilisé sur l'élément suivant :
| Élément | Attribut |
|---|---|
| <input> | pattern |
Exemples
Exemple d'Entrée
Un formulaire HTML avec un champ d'entrée qui ne peut contenir que trois lettres (pas de chiffres ni de caractères spéciaux) :
<form action="/action_page.php">
Code pays : <input type="text" name="country_code"
pattern="[A-Za-z]{3}" title="Code pays de trois lettres">
<input type="submit">
</form> Exemple de Mot de Passe
Un élément <input> avec type="password" qui doit contenir 6 caractères ou plus :
<form action="/action_page.php">
Mot de passe : <input type="password" name="pw" pattern=".{6,}" title="Six caractères ou plus">
<input type="submit">
</form>
Exemple de Mot de Passe
Un élément <input> avec type="password" qui doit contenir 8 caractères ou plus, dont au moins un chiffre, ainsi qu'une lettre majuscule et une lettre minuscule :
<form action="/action_page.php">
Mot de passe : <input type="password" name="pw" pattern="(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{8,}" title="Doit contenir au moins un chiffre, une lettre majuscule et une lettre minuscule, et au moins 8 caractères">
<input type="submit">
</form>
Support des Navigateurs
Les chiffres dans le tableau spécifient la première version du navigateur qui prend entièrement en charge l'attribut.
| Attribut | |||||
|---|---|---|---|---|---|
| pattern | 5.0 | 10.0 | 4.0 | Non pris en charge | 9.6 |