HTML attribut pattern balise input

Définition et utilisation attribut pattern

LES BALISES HTML

L'attribut pattern spécifie une expression régulière définissant la règle avec laquelle valider la valeur de l'élément <input> .

Remarque : L'attribut de pattern fonctionne avec les élément input de types suivants : text, password, search, URL, e-mail ou tel.

Astuce : Utilisez l'attribut title pour décrire le schéma pour aider l'utilisateur.

Astuce : Plus d'informations sur les expressions régulières dans notre tutoriel JavaScript.

Syntaxe

Exemple Un formulaire HTML avec un champ d'entrée qui peut contenir seulement trois lettres (pas de nombres ou de caractères spéciaux) :

Exemple : 📋 Copier le code

	  <!DOCTYPE html>
	  <html lang="fr">
	  <head>
	  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	  <title>html5 demo</title>
	  </head>
	  <body>
	  <form action="page-cible.php">
	     Nom: <input type="text" name="nom"><br><br>
	    Code du payé : <input type="text" name="country_code" pattern="[A-Za-z]{3}"
	  title="Trois lettre pour le code de votre payé"><br><br>
	    Email: <input type="text" name="email"><br><br>
	    <input type="submit">
	  </form>
	  </body>
	  </html>