Atelier Formulaires
|
Création d'un formulaire à imprimer
|
De quoi s'agit-il ?
|
Un 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
|
Pour 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
|
Pour 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
|
Votre 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
|
|