Attributs d'Entrée

L'élément HTML <input> nous permet de créer divers contrôles de formulaire pour collecter les saisies des utilisateurs. Vous pouvez personnaliser le comportement et l'apparence de ces contrôles en utilisant différents attributs. Explorons quelques attributs couramment utilisés :

value

L'attribut value est utilisé pour définir la valeur initiale de l'élément <input>. La valeur spécifique qu'il prend dépend du type d'entrée :

• Pour les boutons (type="button", type="reset", type="submit"), il définit le texte affiché sur le bouton ;
• Pour les champs de texte (type="text") et de mot de passe (type="password"), il définit la valeur par défaut du champ de saisie ;
• Pour les cases à cocher (type="checkbox") et les boutons radio (type="radio"), il définit la valeur associée à l'entrée.

Remarque

L'attribut value ne peut pas être utilisé avec <input type="file">.

autofocus

L'attribut autofocus spécifie que le champ de saisie doit automatiquement avoir le focus lorsque la page web est chargée. Lorsque la page se charge, le champ de saisie sera automatiquement sélectionné, permettant à l'utilisateur de commencer à taper sans cliquer d'abord sur le champ de saisie.

Remarque

L'autofocus ne fonctionne pas ici car la page ne se recharge pas lorsque vous cliquez sur le bouton "Exécuter le code".

required

L'attribut required est utilisé pour rendre un champ de saisie obligatoire. Il spécifie que le champ de saisie doit être rempli avant que l'utilisateur puisse soumettre le formulaire. Si l'utilisateur essaie de soumettre le formulaire sans remplir le champ de saisie requis, il recevra un message d'erreur de validation indiquant que le champ est obligatoire.

placeholder

L'attribut placeholder fournit un indice ou un exemple de la valeur d'entrée attendue à l'utilisateur. Une courte chaîne de texte est affichée à l'intérieur du champ de saisie avant que l'utilisateur n'entre une valeur. Cela est utile pour les champs nécessitant un formatage spécifique, tels que les numéros de téléphone ou de carte de crédit.

Remarque

Dans les exemples ci-dessus, différents attributs type pour les éléments <input> sont utilisés, affectant considérablement leur apparence et leur fonctionnalité. Vous explorerez plus en détail les différents types d'entrée dans le prochain chapitre.