0% ont trouvé ce document utile (0 vote)
440 vues2 pagesTP Javascript
Le document décrit les étapes pour créer un formulaire HTML avec des contrôles JavaScript. Il contient 14 étapes pour créer le formulaire et ajouter différents champs et fonctionnalités comme la validation, l'affichage conditionnel et la gestion des événements.
Transféré par
PROF PROFCopyright
© © 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)
440 vues2 pagesTP Javascript
Le document décrit les étapes pour créer un formulaire HTML avec des contrôles JavaScript. Il contient 14 étapes pour créer le formulaire et ajouter différents champs et fonctionnalités comme la validation, l'affichage conditionnel et la gestion des événements.
Transféré par
PROF PROFCopyright
© © 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
/ 2
Enseignante : Hammouda Naouel HTML _Javascript
8. Ajouter un champ de type select appelé Profession avec les valeurs
1. Lancer l’éditeur Notepad++. suivantes : Etudiant, Enseignant, Ingénieur, Autre
2. Créer une nouvelle page web intitulée « 1er_essai.html » et
l’enregistrer dans un dossier de votre nom et prénom sous D :
3. Créer le formulaire suivant :
9. Ajouter un champ de type select appelé section avec les valeurs
suivantes : Informatique, Technique, Mathématique, Lettres, E&G,
4. Ecrire un script qui permet d’afficher un message de Bienvenue Sport.
quand l’utilisateur clique sur le bouton « Valider ».
5. Ajouter un contrôle pour vérifier que l’utilisateur a renseigné son
nom et son prénom.
6. Modifier le code afin d’afficher le nom et prénom dans un div avec 10. Modifier le code javascript afin de n’afficher le champ « Section »
le format Gras et couleur Verte que si l’utilisateur choisit la profession « Etudiant ».
7. Ajouter un champ checkbox qui permet à l’utilisateur d’accepter les N.B : La profession par défaut est enseignant, donc il faut cacher la
conditions générales de vente. Un message d’erreur est affiché si section dès le chargement de la page
cette option n’est pas cochée 11. Ajouter un attribut « Genre » et modifier le texte de bienvenue en
ajouter Mr ou Mme selon la valeur choisie.
1
Enseignante : Hammouda Naouel HTML _Javascript
12. Ajouter un champ de type checkbox appelé « Formations En cas où l’utilisateur a effectué une erreur ce message sera
souhaitées » qui permet à l’utilisateur de choisir au moins une affiché :
formation à assister.
13. Ajouter un contrôle Javascript pour que l’utilisateur choisisse au
moins une formation et au plus 3.
17. Ajouter une div ayant l’id « welcome » au-dessus du formulaire. On
14. Ajouter un champ texte « Téléphone » après le « Prénom » qui doit
souhaite afficher la date du jour dans ce div dès le chargement de la
être une chaine de 8 chiffres dont le premier est différent de 0, 1 et 6.
page.
15. Ajouter un champ texte « Email » après le téléphone. Il doit contenir
le symbole @ une seule fois.
16. Ajouter les évènements Javascript nécessaires sur les inputs de type
texte :
a. Lors de saisie, colorier le background en gris (code =
#eeee)
b. En sortant, enlever cette mise en forme
