LES "FORMS"

par Jean-Pierre JACQUEMIN

Les modules précédents nous ont permis :

bulletde créer des pages bulletde mettre en forme du texte bulletavec des titres, de la couleur, des images bulletde structurer des listes bulletde naviguer d'une page à l'autre ...

... en un mot : de faire de l'édition de documents (Publishing).

Il nous faut maintenant examiner ce qui permet l'interactivité entre le poste "Client" et un "Serveur" Web : les Formulaires ou "FORMS".
Sur le plan fonctionnel ce sont les mêmes grilles d'écran que nos bons vieux terminaux passifs (T27...) mais bénéficiant de toutes les possibilités de l'interface graphique Window.

La figure ci-dessous représente un formulaire d'inscription de profil individuel auprès du site Microsoft.

Les scripts CGI

Un formulaire ne fonctionne pas tout seul. Une fois complété et "soumis" à un serveur il faut le traiter. Le plus souvent on fait appel à un CGI (Common Gateway Interface) ou Script de passerelle.

Les composants de base d'un formulaire
Un FORMULAIRE consiste en une zone spécialisée de page Web, souvent entourée d'un cadre et contenant des CHAMPS d'entrée (INPUT) et d'autres composants interactifs comme :

bulletcases à COCHER (CHEXKBOX) bulletdes boutons RADIO (RADIO) bulletdes MENUS déroulants (SELECT) bulletdes FENETRES de saisie (TEXTAREA) bulletavec des possibilités de MISE EN PAGE très riches.

La balise d'un formulaire de saisie est <FORM> avec la fin de balise </FORM> ainsi que les 3 attributs :

  1. INPUT (Champs de saisie)
  2. SELECT (Menus de SELECTION)
  3. TEXTAREA (Fenêtres de saisie de plusieurs lignes)

La balise <FORM> peut être complétée par une série d'options permettant de définir comment le formulaire devra se comporter :

bulletACTION définissant l'action à effectuer lorsque le formulaire est "sousmis".
Il s'agit en général soit de l'URL du script à exécuter, soit de l'adresse électronique d'un destinataire particulier (e-mail).
Exemples :

<FORM ACTION=www.unisys.com/cgi-bin/mon_script>
.................
</FORM>

Ou encore :

FORM ACTION=mailto:jeanpierre.jacquemin@unisys.com
.................
</FORM>

bulletMETHOD spécifiant le méthode à utiliser pour soumettre le formulaire.
Les méthodes disponibles sont :
bulletGET : la plus simple à traiter par les scripts de passerelle. Elle convient si la quantité de données à transmettre est limitée (maxi 1Ko). bulletPOST : plus complexe mais inévitable si la quantité de données à transmettre est importante. Formulation : bullet</FORM ACTION="url" METHOD="GET ou POST"> bullet................. bullet</FORM>
bulletENCTYPE spécifiant la manière selon laquelle le serveur code les données fournies par le formulaire.
Cet attribut est optionnel et la valeur par défaut est "x-www-form-encoded". Syntaxe : bullet<FORM ACTION="url" METHOD="GET ou POST" ENCTYPE="x-WWW-FORM-ENCODED"> bullet................. bullet</FORM>

4 chapitres et une conclusion constituent donc ce document :

bullet1. Définition des CHAMPS de saisie <INPUT>
2. Création de menus de SELECTION <SELECT>
3. Définition de FENETRES de Saisie <TEXTAREA>
4. Mise en page des formulaires <BR/P/PRE/UL/TABLE>
Conclusion du troisième module. horizontal rule

Retour au sommaire de la rubrique