LES "FORMS"

Les modules précédents nous ont permis :

de créer des pages
de mettre en forme du texte
avec des titres, de la couleur, des images
de structurer des listes
de 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.

[MSform]

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 :

cases à COCHER (CHEXKBOX)
des boutons RADIO (RADIO)
des MENUS déroulants (SELECT)
des FENETRES de saisie (TEXTAREA)
avec 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 :

INPUT (Champs de saisie)
SELECT (Menus de SELECTION)
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 :

ACTION 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>

METHOD spécifiant le méthode à utiliser pour soumettre le formulaire.
Les méthodes disponibles sont :

GET : la plus simple à traiter par les scripts de passerelle. Elle convient si la quantité de données à transmettre est limitée (maxi 1Ko).

POST : plus complexe mais inévitable si la quantité de données à transmettre est importante. Formulation :

</FORM ACTION="url" METHOD="GET ou POST">

.................

</FORM>

ENCTYPE 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 :
- <FORM ACTION="url" METHOD="GET ou POST" ENCTYPE="x-WWW-FORM-ENCODED">
- .................
- </FORM>

4 chapitres et une conclusion constituent donc ce document :

1. 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.

Retour au sommaire de la rubrique