BUSI 3463 Lecture Notes - Lecture 12: Auteur Theory, Voici, Balise
3 Jun 2018
School
Department
Course
Professor
1
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.
Une fois chargée sur le serveur, on peut y accéder de façon classique par l'URL "http:// www.nom du serveur/
cgi-bin/ ma_cgi.pl". Le programme de la CGI s'effectue en utilisant les ressources de l'ordinateur du serveur,
éventuellement pour vous préparer une réponse immédiate (avec si le programme est mal conçu, un risque de
plantage complet du serveur lui-même).
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 !
Les formulaires présentent l'avantage par rapport au simple courrier électronique de pouvoir prédéfinir ou de
structurer l'information qui vous intéresse. Cette prédéfinition des données est très utilisée dans les applications
commerciales du Web
1.4. Javascript
2
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 !)
• L'attribut "enctype" (optionnel) spécifie l'encodage utilisé pour le contenu du formulaire. Ce paramètre ne
peut être utilisé qu'accompagné par la méthode post. Ainsi enctype="text/plain" encode le contenu du
formulaire en format texte lisible par le destinataire. Cette option est particulièrement adaptée à l'action du
type mailto.
• Il n'est pas inutile de prévoir l'attribut name="nom" si la page comporte plusieurs formulaires.
• Attention !!! Je suis certain que, emporté par votre impatience à encoder les formulaires, vous allez oublier
la balise de fin </FORM>. Dans ce cas, à la visualisation dans le navigateur, rien ne sera affiché.
• Dans le cas de l'utilisation en interne des formulaires par du Javascript, les attributs method, action et
enctype sont inutiles car on ne fait pas appel au serveur.
3. Ligne de texte
3.1. Définition
INPUT type="text" indique un champ de saisie d'une seule ligne. C'est assurément le formulaire le plus simple
à mettre en oeuvre :
<FORM>
3
<INPUT type="text" name="nom" size="50">
</FORM>
3.2. Commentaires
• L'attribut name="nom du formulaire" est quasiment obligatoire car on n'utilise que rarement un seul
formulaire. Le nom va identifier la chaîne de caractères du champ de saisie. De façon schématique, nom =
(ce qui est introduit dans la ligne de texte).
• L'attribut size (optionnel) définit la longueur du champ de saisie. Notons que l'on peut introduire un nombre
de caractères plus élevé que celui de la longueur.
• Il existe l'attribut maxlength="x" (optionnel) qui limite le nombre réel de caractères que l'on peut introduire
dans le champ de saisie. La balise <INPUT> n'a pas de balise de fin.
4. Zone de saisie
4.1. Définition
La balise <TEXTAREA></TEXTAREA> introduit une zone de texte multilignes et non plus une simple ligne
de texte. La syntaxe est :
<FORM>
<TEXTAREA name="nom" rows=4 cols=40>Valeur par défaut</TEXTAREA>
</FORM>
4.2. Commentaires
• L'attribut name permet de donner un nom au formulaire.
• L'attribut rows=x détermine le nombre de lignes de la zone de texte.
• L'attribut cols=y détermine le nombre de caractères visibles sur chaque ligne ou si vous préférez le nombre
de colonnes.
• L'attribut wrap (optionnel) détermine la façon dont les sauts de ligne seront traités lors d'un changement de
ligne.
∗ Avec wrap=virtual, les changements de lignes sont effectués automatiquement dans la zone de texte
mais le tout sera transmis en une seule ligne.
∗ Avec wrap=physical, les changements de lignes sont effectués automatiquement dans la zone de
texte et ceux-ci sont également transmis.
∗ Avec wrap=off, il n'y a aucun changement de ligne.
• Attention !!! La balise <TEXTAREA> a une balise de fin, soit </TEXTAREA>.
5. Liste déroulante
Document Summary
Les formulaires: l"interactivit ( cgi / mailto / javascript ) 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.
