Attributs pour les Éléments d'Input

Nous savons déjà comment construire des formulaires avec des champs de saisie et des étiquettes. Maintenant, considérons d'autres attributs utiles pour les éléments de saisie qui améliorent leur fonctionnalité et leur convivialité.

Attributs Communs pour les Éléments de Saisie

Placeholder

placeholder fournit un indice ou un exemple de texte dans le champ de saisie, guidant les utilisateurs sur le type de saisie attendu. Utile pour fournir un contexte ou des instructions aux utilisateurs avant qu'ils n'entrent des données.

Name

name spécifie le nom du champ de saisie, qui est utilisé pour identifier les données saisies lorsque le formulaire est soumis. Chaque champ de saisie dans un formulaire doit avoir un attribut de nom unique.

Value

value définit la valeur initiale ou par défaut du champ de saisie. Pré-remplit le champ de saisie avec une valeur spécifique lorsque la page se charge.

Requis

required spécifie que le champ de saisie doit être rempli avant que le formulaire puisse être soumis. Empêche la soumission du formulaire si le champ requis est laissé vide.

Désactivé

disabled désactive le champ de saisie, empêchant les utilisateurs d'interagir avec lui ou d'y entrer des données. Utile pour afficher des champs de saisie en lecture seule ou inactifs.

Lecture seule

readonly rend le champ de saisie en lecture seule, permettant aux utilisateurs de voir la valeur mais pas de la modifier. Semblable à l'attribut disabled, mais permet toujours de focaliser et de sélectionner le champ.

Min et Max

min et max spécifient les valeurs minimales et maximales autorisées pour les champs de saisie numérique. Utile pour imposer des contraintes sur les saisies numériques, telles que l'âge ou la quantité.

Exemple : Considérons un exemple qui inclut tous les attributs et éléments nécessaires pour le formulaire.

Tutoriel Vidéo