Institut Supérieure des Sciences Appliquées et de Technologie de

Sousse

TP4 : Formulaire

Matière: Développement web Classes: LSI-A2

Enseignante: Dr. Ikbel Sayahi Date: Avril 2024

Exercice 1 :
Ecrire un script HTML qui permet d’afficher la page suivante :

Il est à noter que le traitement des boutons ne s’exécute que lorsque tous les champs sont remplis.
1. Programmer le bouton envoyer qui permet d’afficher le message suivant dans une autre page web :

Bienvenue nom prénom.

Nous avons bien noté que vous habitez adressse à ville (code postal).

2. Programmer le bouton réinitialiser qui permet de vider les champs.

Exercice 2 :
1. Écrire une page HTML « ex2.html » qui demande la saisie d’un texte (traitement) et cinq nombres
2. Ecrire la page PHP « ex2.php » qui permet de :

 Récupérer les données des champs numériques et les mettre dans un tableau.
 Suivant le contenu du champ traitement le programme affiche soit la valeur minimale, soit la valeur
maximale soit le tableau trié.
Exercice 3 :
Dans un fichier ex3.html, écrire un formulaire de calculatrice : 2 cases pour la saisie des opérandes, un
groupe de 4 cases à cocher ou une liste de sélection pour le choix de l'opération. Le formulaire appelle un
script calcul.php qui affiche l’opération demandée et le résultat.
Développement web 1/3 Ikbel Sayahi
 Institut Supérieure des Sciences Appliquées et de Technologie de
Sousse

Exercice 4 :

Écrire un gestionnaire d’annuaire téléphonique.

 Une page (formulaire) qui permet de saisir le nom, le prénom et le numéro de téléphone d’une personne.
 L’appui sur la touche d’envoi enregistre les coordonnées dans un fichier.
 Une page qui permette de présenter proprement la liste des contacts.
 On doit pouvoir passer facilement d’une page à l’autre : soit des liens entre les pages, soit une page
d’accueil.

Exercice 5 :
1. On désire créer un formulaire pour un site de dons caritatifs :
 Nom
 Age
 Mail
 Valeur du don

A chaque validation de formulaire (appuis sur un bouton ‘OK‘), on récupèrera les informations entrées par
le visiteur. Ces informations seront enregistrées dans un fichier appelé ‘resultats.txt’ sous le format suivant:
Nom1 | Age1 | Mail1 | Don1
Nom2 | Age2 | Mail2 | Don2
2. On souhaite maintenant exploiter les résultats du sondage (on ajoutera un bouton ‘résultats’ sur la page
d’accueil). On va Afficher à l’écran la somme globale reçue ainsi que la moyenne d’âges des personnes
ayant répondu.

Exercice 6 :
Dans la perspective de création d’un site d’agence immobilière, créer un formulaire comprenant trois
boutons Submit nommés « Vendre », « Acheter » et « Louer ».
En fonction du choix effectué par le visiteur, le rediriger vers une page spécialisée dont le contenu réponde
au critère choisi.
Exercice 7 :
Développement web 2/3 Ikbel Sayahi
 Institut Supérieure des Sciences Appliquées et de Technologie de
Sousse

Ecrire une page html qui permet de créer le formulaire suivant :

Programmer les trois boutons calculer ajouter dont le fonctionnement est le suivant :
 Ajouter : incrémente le numéro d’étudiant et vide les champs
 Calculer : permet de calculer la moyenne

Développement web 3/3 Ikbel Sayahi