A.L. NDIAYE alaminend23@gmail.
com (+221)78 1389700
Développement Web : Les Formulaires
Définition :
Un formulaire en HTML est un élément, papier ou numérique, composé de
champs à remplir où l'utilisateur doit fournir des informations spécifiques. Ces
champs peuvent être des cases à cocher, des zones de texte, des menus déroulants,
etc. Un formulaire est utilisé pour collecter des données saisies par l'utilisateur et
les envoyer à un serveur pour traitement.
Pour représenter un formulaire en HTML, on utilise la balise : <form></form>
Un formulaire comporte généralement des libellés, les noms des champs à
remplir, et les champs à remplir (champs de saisie, des cases à cocher et des menu
déroulants, jauge de remplissage…)
1- Les noms des champs : elles permettent aux utilisateurs de savoir quelle est
l’information qu’il leur est demandé de saisir
Balise : <label></label>
2- Les champs de saisies : ils sont représentés par la balise
<input type="valeur">. Cependant c’est le la valeur de l’attribut type
qui permet de définir quel type de donnée est attendu
a. Type « text » : Pour toute information ou donnée de type
alphabétique, ou alphanumérique.
Exemple : Nom, Prénom, Adresse domicile, …
b. Type « number » : Pour les données ou informations de type
numérique.
Exemple : Age, poids, taille, …
c. Type « date » : Pour toute donnée ou information de type date.
Exemple : Date de fabrication, d’expiration, de naissance, …
d. Type « email » : Pour récupérer les emails
e. Type « password » : Pour la saisie des mots de passe
A.L. NDIAYE alaminend23@[Link] (+221)78 1389700
f. Type « checkbox » : Pour représenter les cases à cochers
g. Type « radio » : Pour faire un choix et un seul parmi une liste
h. Type « file » : Pour permettre à l’utilisateur d’envoyer un fichier
(PDF, image, html, …)
i. Type «button » : Pour représenter un bouton
3- Les boutons : Ces éléments permettront à l’utilisateur d’envoyer ou
d’annuler les informations qu’il aura soumis
Balise : <button type="valeur" ></button>
Pour la valeur de l’attribut de la balise button, on aura principalement deux
possibilités :
- Type « submit » : à utiliser lorsque le bouton doit permettre à l’utilisateur
d’envoyer, d’enregister, de valider ou de soumettre des informations
- Type « reset » : à utiliser lorsque le bouton doit permettre à l’utilisateur
de d’annuler, de quitter ou de suspendre sa saisie et de ne pas envoyer
les données saisies