Syntaxe pour les formulaires
Nous avons déjà utilisé quelques formulaires dans les pages précédentes. On fait rapidement le point ici sur la syntaxe des ces éléments et les différents types de champ permettant d'entrer des données (elles peuvent être numériques, textes, adresses email...)
Définition :
On délimite les éléments d'un formulaire avec la balise HTML <form>
<form method="post" action="fichier.php">
ICI LES ELEMENTS DU FORMULAIRE
</form>
Nous n'avons pas utilisé pour le moment les attributs method et action et nous ne les utiliserons pas dans ces quelques pages.
Nous reviendrons sur leur rôle lorsque nous parlerons de PHP.
Simulation : Zone de texte
Les éléments <input> dont l'attribut type vaut text permettent de créer des champs de saisie avec du texte sur une seule ligne.
Approfondissez cet élément avec la lecture de la page suivante :
https://developer.mozilla.org/fr/docs/Web/HTML/Element/Input/text
Simulation : Zone de saisie d'un nombre
Les éléments <input> dont l'attribut type vaut number permettent à un utilisateur de saisir des nombres dans un formulaires. De tels contrôles incluent des mécanismes de validation natifs afin de rejeter les valeurs non-numériques.
Le navigateur peut agrémenter le contrôle avec des flèches afin d'incrémenter/décrémenter la valeur grâce à la souris ou avec le doigt.
Approfondissez cet élément avec la lecture de la page suivante :
https://developer.mozilla.org/fr/docs/Web/HTML/Element/Input/number
Simulation : Zone de texte étendue
L'élément HTML <textarea> représente un contrôle qui permet d'éditer du texte sur plusieurs lignes.
Approfondissez cet élément avec la lecture de la page suivante :
https://developer.mozilla.org/fr/docs/Web/HTML/Element/Textarea
Simulation : Cases à cocher
L'élément HTML <checkbox> vous permet d'afficher des cases à cocher et donc envoyer 1 ou plusieurs valeurs dans votre formulaire.
Approfondissez cet élément avec la lecture de la page suivante :
https://developer.mozilla.org/fr/docs/Web/HTML/Element/Input/checkbox
Simulation : Liste déroulante
L'élément HTML <select> représente un contrôle qui fournit une liste d'options parmi lesquelles l'utilisateur pourra choisir.
Approfondissez cet élément avec la lecture de la page suivante :
https://developer.mozilla.org/fr/docs/Web/HTML/Element/Select
Simulation : Les boutons d'option - Boutons radio
Les éléments HTML <input> dont l'attribut type vaut radio sont généralement utilisés pour construire des groupes d'options parmi lesquelles on ne peut choisir qu'une valeur.
Approfondissez cet élément avec la lecture de la page suivante :
https://developer.mozilla.org/fr/docs/Web/HTML/Element/Input/radio