0% ont trouvé ce document utile (0 vote)
11 vues2 pages

Formulaires HTML : Guide Complet

Le document explique la définition et la structure des formulaires en HTML, qui sont utilisés pour collecter des données des utilisateurs via divers champs comme des zones de texte, des cases à cocher et des menus déroulants. Il détaille les balises HTML associées, notamment <form>, <label>, <input>, et <button>, ainsi que les différents types d'input disponibles pour différents types de données. Enfin, il décrit les boutons d'envoi et de réinitialisation qui permettent à l'utilisateur de soumettre ou d'annuler les informations saisies.

Transféré par

sow81560
Copyright
© All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats PDF, TXT ou lisez en ligne sur Scribd
0% ont trouvé ce document utile (0 vote)
11 vues2 pages

Formulaires HTML : Guide Complet

Le document explique la définition et la structure des formulaires en HTML, qui sont utilisés pour collecter des données des utilisateurs via divers champs comme des zones de texte, des cases à cocher et des menus déroulants. Il détaille les balises HTML associées, notamment <form>, <label>, <input>, et <button>, ainsi que les différents types d'input disponibles pour différents types de données. Enfin, il décrit les boutons d'envoi et de réinitialisation qui permettent à l'utilisateur de soumettre ou d'annuler les informations saisies.

Transféré par

sow81560
Copyright
© All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats PDF, TXT ou lisez en ligne sur Scribd

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

Vous aimerez peut-être aussi