TP1 JS1 PDF

Télécharger au format pdf ou txt
Télécharger au format pdf ou txt
Vous êtes sur la page 1sur 4

TP1 HTML-CSS3-JavaScript

2014

Exercice 1 :
Pour sinscrire dans un forum, un utilisateur doit remplir le formulaire suivant :

1. Ecrire le code HTML pour crer le formulaire


2. Ecrire le code permettant de respecter les rgles :
a. Tous les champs sont obligatoires
b. La date de naissance doit tre valide (01<=jour<=31, 01<=mois<=12 et anne>=1900)
c. Le champ mot de passe et le champ confirmer mot de passe doivent tre gaux
d. Si la case Jaccepte les conditions nest pas coche, le bouton valider est
dsactiv.

Exercice 2 :
1)

Ralisez en HTML le formulaire suivant :

TP1 HTML-CSS3-JavaScript

2)

2014

Ecrire un script qui effectue les vrifications suivantes :


a. Tous les champs doivent tre renseigns
b. Le nom doit tre compos uniquement de lettres alphabtiques
c. Le montant des frais de participation doit tre suprieur ou gal 500.

Exercice 3 :
Ecrire une page HTML contenant :

Un titre h1.

Un titre h2.

Faire en sorte que le titre h2 effectue une srie de 20 rotations.

Les rotations ne commenceront que 5 secondes aprs le chargement de la page.

Exercice 4 :
Ecrire une page HTML contenant :

Un titre h1.

Un titre h2.

Faire en sorte que le titre h1 effectue une rotation avec zoom lors du survol par le
curseur de la souris.

Exercice 5 :
Construire un document HTML et un document CSS produisant laffichage ci-dessous, le
fichier HTML ne devra contenir aucun attribut de balise et ne devra utiliser que les balises
h1, p et div

TP1 HTML-CSS3-JavaScript

2014

Exercice 6 :
a. Crer un menu horizontal en html5 et css3.
b. Faire en sorte que les lments de ce menu effectuent un zoom et un changement de
couleur darrire-plan lors du survol du pointeur sur cet lment.

Exercice 7 :
Crez un formulaire divis en trois groupes. Le premier groupe permet dobtenir les
coordonnes du visiteur. Il contient trois zones de texte pour la saisie du nom, du prnom et
de le-mail et une zone de mot de passe. Ces champs sont suivis dun groupe de boutons
radio pour indiquer le sexe de la personne. Enfin, ce groupe se termine par une liste de
slection qui contient trois groupes doptions pour le choix du pays.
Le deuxime groupe permet de saisir des informations sur les gots du visiteur. Il comprend
trois cases cocher et une zone de texte multi lignes de 50 caractres de large et de 5
lignes de haut.
Le troisime groupe contient un composant denvoi de fichier et un champ cach indiquant la
taille maximale des fichiers, fixe 10 Ko. Le formulaire se termine bien videmment par
linsertion des boutons denvoi et de rinitialisation.

TP1 HTML-CSS3-JavaScript

2014

Vous aimerez peut-être aussi