On considère le code html du formulaire que l’on avait "décoré" grâce à une feuille de style externe au précédent chapitre.
Afin de pouvoir accéder aux objets associés aux divers champs du formulaire, on va lui octroyer un attribut id avec pour valeur "formulairewebdev". Ainsi le code html reste identique, à part la ligne <form action="" > qui devient <form action="" id="formulairewebdev"> et on ne procède à aucun changement quant à la feuille de style.
Le but du code javascript qui suit, est :
- de vérifier que tous les champs sont remplis,
- de faire la synthèse de ces valeurs dans une fenêtre d’alerte,
- d’inscrire les choix dans un cookie dont la durée de vie est celle de votre navigateur,
- d’initialiser les valeurs par défaut avec celles stockées dans le cookie.