Vous êtes sur la page 1sur 2

TP5 - Création d'un Formulaire HTML

Objectif : Créer un formulaire HTML complet en utilisant toutes les balises d'entrée (inputs)
nécessaires.

Instructions :

 Créez un nouveau fichier HTML nommé "formulaire_complet.html" en utilisant un


éditeur de texte.
 Dans le fichier HTML, créez un formulaire en utilisant la balise <form>. Ajoutez un
titre au formulaire en utilisant la balise <h2>. Le titre du formulaire doit être "Formulaire
de Contact".
 À l'intérieur du formulaire, créez un champ de texte pour le nom en utilisant la balise
<input>. Assurez-vous d'inclure un label pour le champ de texte en utilisant la balise
<label>. Le label doit indiquer "Nom" et être associé au champ de texte à l'aide de
l'attribut for.
 Créez un champ de courrier électronique en utilisant la balise <input> avec le type
"email". Ajoutez un label pour ce champ indiquant "Email".
 Créez un champ de mot de passe en utilisant la balise <input> avec le type "password".
Ajoutez un label pour ce champ indiquant "Mot de passe".
 Créez un groupe de boutons radio pour le sexe en utilisant la balise <input> avec le type
"radio". Ajoutez des labels pour chaque bouton radio : "Homme" et "Femme".
 Créez une case à cocher en utilisant la balise <input> avec le type "checkbox". Ajoutez
un label pour cette case à cocher indiquant "Abonnement à la newsletter".
 Créez un groupe de boutons radio pour le statut civil en utilisant la balise <input> avec
le type "radio". Ajoutez des labels pour chaque bouton radio : "Célibataire", "Marié",
"Divorcé".
 Créez un menu déroulant (sélecteur) pour le pays en utilisant la balise <select>. Ajoutez
plusieurs options pour les pays, par exemple : "États-Unis", "Canada", "France",
"Allemagne".
 Créez un champ de texte pour la date de naissance en utilisant la balise <input> avec le
type "date". Ajoutez un label pour ce champ indiquant "Date de Naissance".
 Créez un champ de recherche en utilisant la balise <input> avec le type "search".
Ajoutez un label pour ce champ indiquant "Rechercher".
 Créez un champ de téléphone en utilisant la balise <input> avec le type "tel". Ajoutez
un label pour ce champ indiquant "Téléphone".
 Créez un champ de nombre en utilisant la balise <input> avec le type "number". Ajoutez
un label pour ce champ indiquant "Nombre".
 Créez un champ de couleur en utilisant la balise <input> avec le type "color". Ajoutez
un label pour ce champ indiquant "Couleur préférée".
 Ajoutez un champ de téléchargement de fichier en utilisant la balise <input> avec le
type "file". Ajoutez un label pour ce champ indiquant "Télécharger un fichier".
 Créez un champ de texte multiligne pour les commentaires en utilisant la balise
<textarea>. Ajoutez un label pour ce champ indiquant "Commentaires".
 Ajoutez un bouton de soumission en utilisant la balise <input> avec le type "submit".
Le texte du bouton doit être "Envoyer".
 Ajoutez un bouton de réinitialisation en utilisant la balise <input> avec le type "reset".
Le texte du bouton doit être "Réinitialiser".

Vous aimerez peut-être aussi