Nous désirons implémenter le formulaire suivant :
- Créer un document
.html
- Reproduire le formulaire présenté ci-dessus
Attention :
- la page ne contient qu’une seule balise
<form>
- vous pouvez utiliser les balises
<fieldset>
et <legend>
pour matérialiser les différentes sections du formulaire
Les TIPS
Exercice 2 : Ma Pizza
Un restaurant de pizza souhaite créé un site internet permettant à ces clients de réaliser leur propre pizza.
Une fois la pizza réalisé par le client, il peut la commander.
Nous souhaitons obtenir le comportement ci-dessous :
Nous allons avoir besoin de 3 pages html et de 2 fichiers javascript (on peut faire avec un seul !)
- Coder la page
realiser.html
qui permet à l’utilisateur de créer sa pizza.
- Coder la page
commander.html
. Cette page fera un récapitulatif de la pizza réalisée.
Elle permettra à l’utilisateur de rentrer son adresse postale. Attention l’ensemble de ces informations sont obligatoires. Si elles ne sont pas remplies, alors le formulaire n’est pas envoyé. Pour cette page, nous allons avoir besoin d’un fichier javascript qui récupére les données du formulaire précédent.
- Coder la page
livrer.html
qui permet à l’utilisateur d’avoir la confirmation de sa commande et de revenir à la page intiale.
Exercice 3 : Les DVDs
La société All4DVD loue et vend toujours et encore des DVDs à des particuliers. Il s’agit d’un négociant important et sa clientèle est essentiellement composée d’étudiants. Cette fois ci, ils veulent rajouter la possibilité de commander le panier.
Pour cela il faut rajouter un formulaire avec des inputs de types cachés afin d’envoyer les DVDs à la page validation.html
TIPS :