Cours HTML: Les formulaires

Extrait du cours HTML: Les formulaires

1. L’interactivité ( cgi / mailto / Javascript )
1.1 L’interactivité, mais comment ?
Avec les formulaires, Html vous ouvre les portes de l’interactivité et vous permet de recevoir des informations provenant directement de votre lecteur et éventuellement de lui répondre directement.
Mais encore fallait-il trouver le moyen de renvoyer cette information! En effet, lorsque vous surfez, vous demandez à votre provider (serveur connecté au Web) de vous envoyer la page se trouvant à l’adresse (URL) indiquée. Et vous consultez la page, sur votre ordinateur, en mode read only soit en lecture seule.
Pour sortir de la page ou de votre ordinateur, les moyens disponibles sont :
– permettre à certains utilisateurs triés sur le volet, généralement des professionnels, d’écrire sur le serveur et d’en exploiter les ressources. Tout ceci dans les meilleures conditions de sécurité pour le provider. C’est la procédure des CGI.
– utiliser une autre ressource d’Internet disponible pour l’utilisateur, c’est le courrier électronique ou l’e-mail.C’est la procédure mailto.
– une dernière procédure (à laquelle je tiens) qui permet de transférer les informations en interne, à l’intérieur d’une page ou d’un site Web, C’est le Javascript.
1.2. CGI
La procédure de CGI [Common Gateway Interface] est quelque chose de complexe. Nous y consacrons un chapitre, plus loin dans ce site.
Citons quand même ici qu’une CGI est écrite dans un langage de programmation (C, C++, Perl…). Ce programme est alors chargé sur le disque dur du serveur dans un répertoire bien déterminé et qui, généralement, s’appelle cgi-bin. L’accès à ce répertoire est limité par l’administrateur du serveur, pour d’évidentes raisons de sécurité, aux seuls utilisateurs habilités.
1.3 Mailto
Netscape avec Navigator 3 a imaginé le premier ce moyen d’exploiter les formulaires et qui présente l’énorme avantage de pouvoir être utilisé par tout un chacun. Depuis, cette possibilité a été reprise par Microsoft Explorer 4 et bien entendu Netscape 4 (Communicator).
Ainsi, la procédure d’envoi de formulaires par le protocole mailto, ne fonctionne pas sous Microsoft Explorer 3.0.
Permettez-moi d’insister pour vous éviter des interrogations inutiles :
Mailto ne fonctionne pas sous Microsoft Explorer 3.0 !
1.4. Javascript
Avec du Javascript, on peut utiliser les formulaires pour transférer des informations à l’intérieur d’une page ou même à l’intérieur d’un site (par l’usage des frames). En outre, Javascript, propose des outils particulièrement adaptés pour la vérification des données introduites par l’utilisateur dans les formulaires avant l’envoi et le traitement de celles-ci.
Vous pouvez en savoir plus sur le Javascript ou sur les formulaires avec Javascript en consultant « Apprendre le Javascript » du même auteur (www.ccim.be/ccim328/js/index.htm).
2. Définition d’un formulaire
2.1. Définition
Avant de pouvoir utiliser les différentes sortes de formulaires (ligne de texte, liste déroulante, cases à cocher…), il faut déclarer au browser qu’il devra gérer des formulaires et ce qu’il devra en faire.
<FORM method= »post » action= »URL d’expédition » enctype= »text/plain »>
… les formulaires proprement dit …
</FORM>
2.2. Commentaires
– L’attribut « method » vous offre le choix entre get et post. La différence entre ces deux méthodes repose sur la façon dont les données seront transmises au serveur et exploitées par celui-ci. Avec le temps, la méthode post s’est imposée car elle apparaît plus efficace et permet le traitement d’une quantité plus importante de données.
– L’attribut « action » spécifie l’adresse d’expédition des données.
Dans le cas d’un traitement des données par une CGI, on spécifie le répertoire CGI du serveur et le nom de la CGI.
<FORM method= »post » action= »http://www.serveur/cgi-bin/ma_cgi.pl »>
Dans le cas d’un envoi vers en adresse électronique (e-mail), on utilise le protocole mailto: suivi de l’adresse électronique de destinataire (généralement votre adresse e-mail).
<FORM method= »post » action= »mailto:Vanlancker.Luc@ccim.be »>
(sans espace entre mailto: et l’adresse e-mail !)