Attribut required

L'attribut required indique que cet élément de formulaire HTML doit être obligatoirement rempli.

L'attribut doit être appliqué aux balises input ou textarea.

Lors d'une tentative d'envoi du formulaire dans le cas où le champ avec cet attribut n'est pas rempli - le navigateur n'autorisera pas l'envoi du formulaire et affichera une erreur sous forme d'info-bulle. Malheureusement, le texte de l'erreur et son apparence ne peuvent pas être modifiés en utilisant HTML ou CSS.

Gardez à l'esprit que la présence de l'attribut required ne vous dispense pas de vérifier la validité du formulaire côté serveur sur PHP (car la protection via l'attribut est facile à contourner).

Exemple

Ajoutons l'attribut required à la balise input. Sans rien entrer dans le champ, essayez d'appuyer sur le bouton pour envoyer le formulaire. Le navigateur n'autorisera pas l'envoi du formulaire, ajoutera une ombre à l'input et affichera un message d'erreur :

<form action="">
	<input type="text" placeholder="entrez quelque chose" required>
	<input type="submit">
</form>

Voir aussi

l'attribut pattern,
qui permet de valider l'input