Scribd
Importer
89 vues2 pages

Création d'un formulaire d'inscription HTML

Le document décrit un devoir de contrôle pratique consistant à créer une page web de formulaire d'inscription avec validation des champs et calcul du montant à payer. Il contient les instructions détaillées pour la mise en page du formulaire et la validation des données saisies.

Transféré par

tunisieenseignement75
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
89 vues2 pages

Création d'un formulaire d'inscription HTML

Le document décrit un devoir de contrôle pratique consistant à créer une page web de formulaire d'inscription avec validation des champs et calcul du montant à payer. Il contient les instructions détaillées pour la mise en page du formulaire et la validation des données saisies.

Transféré par

tunisieenseignement75
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

Lycée El Mourouj 4 Matière : S.T.

I
Devoir de contrôle N°1 (pratique)
Section : 4ème Science de l’informatique 1
Durée : 1H
Prof : Mariem BEN SALAH Date : 13/11/2023

N.B : tous les fichiers de l’épreuve doivent être enregistrés sous le dossier c:\nom&prénom

Le fichier style est enregistré sous le nom « [Link] »( 0.25 + 0.25)

Le fichier script est enregistré sous le nom « [Link] »(0.25 + 0.25)

Travail demandé :

A. Créer la page de l’aperçu suivant et l’enregistrer sous le nom ‘[Link]’ : 0.25


3.5

N.B : la liste des cours contient les éléments suivants :

Descriptions :
Le corps de la page est composé par deux parties :
 Header contenant : 0.25

 Un titre de premier niveau ‘devoir de contrôle 2 : 0.5


- Aligné au centre 0.25
- De taille 40px
0.25
- Change de couleur au survol de la souris dessus suivant une transition qui dure
3seconde 1
 Un div contenant :
 Une zone de groupe (fieldset) avec légende : 0.25
0.5

Légende : majuscule, centrée


0.5
Fieldset : Bordure haut et bas seulement avec un style de trait double avec une couleur noir. 0.5
Une marge externe de 5% 0.25
0.25
Une marge interne de 5%

 Un formulaire dans la zone de groupe (voir aperçu de la page) dont on applique le style suivant : 0.25
- Des labels : de largeur 30% avec une disposition ‘inline-block’, une marge externe bas de 20px 1.25

et une taille de police 20px


- Tous les éléments input ont une couleur d’arrière-plan ‘darkkhaki’, une hauteur 20px et une 1

marge externe gauche 10px


- Les boutons avec une marge externe gauche 300px 0.5

B. Le clic sur le bouton envoyer permet de : 0.5

1. Vérifier que :
 le nom ainsi que le prénom est une chaine de 3caractères minimum. 1
1.5
 Age est un entier supérieur à 12. 0.5
 Le choix d’un cours est obligatoire

2. Calculer le montant à payer selon le choix de la période par l’internaute sachant que le prix 2
mensuel est de 250DT quel que soit le cours, si aucune durée n’est choisie on affiche un 0.5
message d’erreur dans une boite d’alerte.
0.5+
3. Afficher dans une boite d’alerte : le nom& le prénom suivi par la date de l’inscription (date 1+
0.25
système)et le montant à payer.

Vous aimerez peut-être aussi