Formulaires
Les formulaires sont devenus omniprésents sur les sites web, que ce soit pour l’inscription à une newsletter, un formulaire de contact, un formulaire d’inscription, un livre d’or, etc. Ils permettent de renforcer les interactions avec les utilisateurs.
L'élément form
L’élément <form></form> est utilisé pour indiquer au navigateur que tout ce qui se trouve entre ces balises est en rapport avec le formulaire. La balise ouvrante délimite donc le début d’un formulaire, et l’ensemble du contenu jusqu’à la balise fermante sera réputé concerner le formulaire.
L'élément <form> est un conteneur pour différents types d'éléments, tels que: les champs de texte, cases à cocher, boutons radio, boutons d'envoi, etc.
Exemple :
<form>
Éléments du formulaire
</form>
L'élément <input>
L’élément <input></input> (littéralement saisie, en anglais), est utilisé afin de permettre à l’utilisateur de saisir des données. Cet élément est obligatoirement accompagné de l’attribut type. En fonction de la valeur passée à celui-ci, l’élément <input> s’affichera de plusieurs manières différentes.
Voici un tableau dressant la liste des valeurs qui peuvent être reçues par l’attribut type :
| Type | Description |
|---|---|
<input type="text"> |
Affiche un champ de saisie de texte sur une seule ligne |
<input type="radio"> |
Affiche un bouton radio (pour sélectionner l'un des nombreux choix) |
<input type="checkbox"> |
Affiche une case à cocher (pour sélectionner zéro ou plus de nombreux choix) |
<input type="submit"> |
Affiche un bouton d'envoi (pour soumettre le formulaire) |
<input type="button"> |
Affiche un bouton cliquable |
Champs de texte
Besoin d'aide ?
Rejoignez notre communauté officielle et ne restez plus seul à bloquer sur un problème !
