Atelier
Formulaires
Création d'un formulaire à imprimer
De quoi
s'agit-il ?
U n formulaire est un ensemble de composants qui permettent à l'utilisateur d'une page HTML d'entrer des données sous différentes formes.
Les composants disponibles sont :
 - les lignes d'édition
 - les cases à cocher
 - les boutons radios
 - les listes de choix
 - les zones de texte multi-ligne
 - les boutons de commandes
Voir un exemple.
Comment
faire ?
1 - L'introduction d'un formulaire dans un document HTML se fait par l'intermédiaire de la balise <FORM>. Chacun des composants utilisés est ensuite aussi introduit par une nouvelle balise. Vous pouvez retrouver ces balises dans la page d'aide sur les formulaires.
A l'intérieur d'un formulaire vous pouvez utiliser du code HTML classique pour écrire des messages d'invite ou pour mettre en page à l'aide de tableaux.

2 - Le formulaire doit se terminer par un bouton d'envoi pour pouvoir être exploité. Nous envisagerons deux possibilités :
 - l'envoi à une imprimante
 - l'envoi par courrier électronique
Imprimante
P our imprimer la page contenant le formulaire, il suffit d'introduire un bouton qui réagira à l'évènement ONCLICK en exécutant la commande JavaScript window.print().
Cela donne le code suivant :
<INPUT TYPE=button VALUE="IMPRIMER" ONCLICK="window.print();">
</INPUT>

En cas de problème avec ce bouton (avec IE4 chez moi) on peut utiliser le bouton d'impression du navigateur.
Courier électronique
P our envoyer le contenu du formulaire par courrier électronique à votre adresse, il faut compléter la propriété ACTION du formulaire avec votre adresse électronique et la propriété METHOD avec post. Cela donne le code suivant :
<FORM NAME="form0" ACTION="mailto:nom@domaine.fr" METHOD="post">
Il suffit ensuite d'introduire un bouton submit dont l'action consistera à appeler votre programme de courrier électronique en lui transmettant le contenu du formulaire comme message. Cela donne le code suivant :
<INPUT TYPE=submit VALUE="Envoyer"> </INPUT>
Testez cette méthode pour voir le corps du message qui est ainsi envoyé. En remplissant le formulaire donné en exemple et en l'envoyant avec Internet Explorer 4, j'ai reçu un message contenant un fichier joint nommé Postdata.att. En l'ouvrant avec le bloc-notes j'ai trouvé :
nom=Test&prenom=Henri&sexe=masculin&adresse=12+rue+des+Poilus
&codepostal=59350&ville=Saint-Andr%E9
Ce n'est pas ce qu'il y a de plus clair, mais on retrouve bien ce qui était inscrit.
Netscape Communicator donne de meilleurs résultats.
Votre mission
V otre mission, si vous l'acceptez, consiste à réaliser un formulaire contenant une interrogation écrite et utilisant tous les composants proposés par le langage HTML. Deux boutons situés à la fin du formulaire permettront soit d'imprimer le contenu de la page, soit de vous envoyer le contenu du formulaire par courrier électronique.
Retour