Attribut de modèle HTML
Définition et utilisation
L' pattern
attribut spécifie une expression régulière par rapport à laquelle la
<input>
valeur de l'élément est vérifiée.
Remarque : L' pattern
attribut fonctionne avec les types d'entrée suivants : texte, date, recherche, URL, tél, e-mail et mot de passe.
Conseil : Utilisez l'attribut global title
pour décrire le modèle afin d'aider l'utilisateur.
Conseil : Apprenez-en plus sur les expressions régulières dans notre didacticiel JavaScript.
S'applique à
L' pattern
attribut peut être utilisé sur l'élément suivant :
Élément | Attribut |
---|---|
<entrée> | schéma |
Exemples
Exemple d'entrée
Un formulaire HTML avec un champ de saisie qui ne peut contenir que trois lettres (pas de chiffres ni de caractères spéciaux) :
<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>
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">
Password: <input type="password" name="pw" pattern=".{6,}" title="Six or more characters">
<input type="submit">
</form>
Exemple de mot de passe
Un élément <input> avec type="password" qui doit contenir au moins 8 caractères composés d'au moins un chiffre et d'une lettre majuscule et minuscule :
<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>
Prise en charge du navigateur
Les nombres dans le tableau indiquent la première version du navigateur qui prend entièrement en charge l'attribut.
Attribute | |||||
---|---|---|---|---|---|
pattern | 5.0 | 10.0 | 4.0 | Not supported | 9.6 |