TP N°3 DEVELOPPEMENT WEB
NIVEAU : DEBUTANT DUREE : FORMATEUR : M. KAKOU
Objectif : Créer une page web en HTML contenant un formulaire d'inscription pour un site fictif.
Le formulaire devra comporter divers champs pour recueillir des informations sur l'utilisateur.
Consignes :
1. Création d'un formulaire d'inscription simple :
o Créez une page HTML nommée [Link].
o Le formulaire doit inclure les champs suivants :
Prénom (input de type texte)
Nom (input de type texte)
Adresse email (input de type email)
Mot de passe (input de type password)
Confirmer le mot de passe (input de type password)
Date de naissance (input de type date)
Genre (input avec des boutons radio : Homme, Femme, Autre)
Centres d'intérêt (cases à cocher : Musique, Sports, Lecture,
Technologie)
Ville (menu déroulant avec quelques options comme Paris, Lyon,
Marseille, Bordeaux)
Comment avez-vous découvert notre site ? (textarea)
Soumettre (bouton de soumission)
2. Validation côté HTML :
o Utilisez les attributs HTML5 tels que required, pattern, ou maxlength pour
valider les entrées.
o Le champ email doit vérifier la validité de l'adresse mail.
o Le champ mot de passe doit contenir au minimum 8 caractères.
o Le champ Confirmer le mot de passe doit correspondre au champ Mot de passe.
3. Améliorations optionnelles :
o Ajoutez des placeholders dans les champs pour guider l'utilisateur.
o Utilisez les éléments fieldset et legend pour regrouper des parties du formulaire
(par exemple, pour regrouper les champs liés au mot de passe et aux centres
d'intérêt).
o Stylisez le formulaire en utilisant du CSS de base pour rendre la page plus
esthétique.
Critères d'évaluation :
Respect des consignes données.
Utilisation correcte des éléments et attributs HTML.
Validation côté HTML.
Qualité du code (lisibilité, commentaires si nécessaires).
Qualité visuelle (si vous avez stylisé le formulaire).
