SELFHTML: HTML / Formulaires / Définir des formulaires

SELFHTML/Quickbar HTML Formulaires

	Définir des formulaires
	Généralités sur les formulaires Définir un formulaire Fenêtre cible pour la réponse du serveur avec des frames Autres possibilités

Généralités sur les formulaires

HTML donne la possibilité d'établir des formulaires grâce à certaines commandes. Dans des formulaires l'utilisateur peut compléter des champs de saisie, dans des champs texte entrer plusieurs ligne de texte, faire des choix dans des listes et cliquer sur des boutons. Quand le formulaire est rempli complètement L'utilisateur peut cliquer sur un bouton pour envoyer le formulaire.

Pour cela mentionnez lors de l'établissement d'un formulaire ce qui doit se passer avec les données du formulaire rempli. Vous pouvez vous faire envoyer les données par courrier électronique ou les faire traiter par un programme CGI sur l'ordinateur serveur.

Des formulaires peuvent avoir de multiples fonctions. Ainsi on les emploie par exemple:

pour récolter de l'utilisateur des renseignements déterminés ayant la même structure,
pour permettre aux utilisateurs la recherche dans des bases de données,
pour donner aux utilisateurs la possibilité de donner leur quote-part de données à une base de données,
pour offrir à l'utilisateur la possibilité d'une interaction individuelle par exemple en commandant un produit déterminé dans un assortiment de produits.

Un fabricant de logiciels pourrait par exemple mettre un formulaire à disposition dans lequel l'utilisateur pourrait indiquer quels produits de la firme il a en sa possession, comment il a connu les produits, quel métier il exerce, sur quel type d'ordinateur le logiciel tourne chez lui etc... De cette façon il pourrait obtenir un écho des utilisateurs uniformément structuré et par là même facilement comparable.

Beaucoup de moteurs de recherche sur Internet proposent aux navigateurs WWW qui y font appel, des formulaires de saisie écrits en HTML et dans lesquels l'utilisateur peut spécifier la recherche qu'il désire faire. Sans de tels formulaires une recherche ne serait pas du tout possible. La plupart des moteurs de recherche proposent en plus la possibilité d'entrer sa propre adresse Internet dans la base de données. La prise de renseignements qui y sont nécessaires se passe de la même façon à l'aide de formulaires.

Toujours plus nombreux sur Internet les services de commandes. Cela peut être des tickets, des pizzas ou des sous vêtements peu importe -pour réaliser de tels services de commande les formulaires sont indispensables pour permettre à l'utilisateur de mentionner exactement ce qu'il veut commander.

Si vous ne désirez proposer à l'utilisateur qu'une possibilité d'entrer directement en contact avec vous sur vos pages WWW suffit aussi de toutes façons un simple lien E-Mail avec votre propre adresse E-Mail.

Définir un formulaire

Exemple d'affichage: aperçu

Vous pouvez définir un formulaire à un endroit quelconque du corps d'un fichier HTML.

Exemple 1:

<form action="mailto:muenz@csi.com" method=post enctype="text/plain">
... Éléments du Formulaire tels champs de saisie, listes de choix, boutons etc...
</form>

Exemple 2:

<form action="/cgi-bin/auswert.pl" method=get>
... Éléments du Formulaire tels champs de saisie, listes de choix, boutons etc...
</form>

Explication:

Avec <form ...> vous définissez un formulaire (form = Formulaire). Tout ce qui se trouve entre ce repère d'ouverture et le repère de fermeture </form> fait partie du formulaire. Ce sont principalement des éléments du formulaire comme des champs de saisie, des listes de choix ou des boutons. Pour placer les éléments, vous avez cependant besoin aussi de paragraphes (changements de paragraphes) et de passages à la ligne forcés. Ainsi vous pouvez également entrer du texte entre <form...> et </form> et vous pouvez formater ce texte comme d'habitude avec des commandes HTML. De la même façon des graphiques, des liens, des tableaux et des éléments multimédia sont permis dans le corps de formulaire. Ainsi vous pouvez optimiser l'apparence de votre formulaire et l'agrémenter de texte explicatif.

Dans le repère d'ouverture <form> vous indiquez avec action= ce qui doit se passer avec le formulaire rempli quand l'utilisateur l'envoie (action = action). La mention doit être placée entre guillemets.

La mention qui suit action= est soit une adresse E-mail (en principe la votre) précédée de mailto: comme dans le premier exemple ci-dessus (mailto = envoie à). Ensuite les données du formulaire rempli sont envoyées à cette adresse E-mail.
Ou bien vous faites appel à un programme sur l'ordinateur serveur, le plus souvent un programme CGI qui travaille les données - comme dans le deuxième exemple ci-dessus. Pour l'appel du programme CGI s'appliquent les mêmes règles que pour les liens.
D'autres indications sur ce sujet peuvent être trouvées dans les parties traitant des Formulaires comme E-mail et des Formulaires et CGI.
Vous trouverez en outre des généralités au sujet de CGI dans la partie CGI - Common Gateway Interface. Ce document contient dans ses conclusions une introduction à la documentation CGI/Perl.

Lors de la définition du formulaire vous devez d'abord mentionner la méthode de transmission. Pour transmettre sont offertes deux possibilités:

Si vous choisissez method=get, les données du formulaire rempli sont sauvegardées sur le serveur WWW grâce au protocole HTTP installé dans les variables d'environnement CGI QUERY_STRING (method = Méthode, get = recevoir). Le programme CGI doit lire et traiter le contenu de ces variables.
Si vous choisissez method=post, les données du formulaire rempli sont mises à la disposition de "stdin" sur l'ordinateur serveur et l'ordinateur serveur doit les traiter comme une entrée de l'utilisateur faite au clavier sur la ligne d'invite (post = envoyer). Étant donné que dans ce cas aucun signal fin de fichier- EndOfFile-Signal- (EOF) n'est envoyé le programme CGI doit lire les variables d'environnement CGI CONTENT_LENGTH pour faire connaître la longueur des sonnées transmises et par là même leur fin.

Si vous vous faites envoyer les données du formulaire par E-mail utilisez toujours method=post. En outre vous devriez toujours mentionner pour une réception des données du formulaire par E-mail enctype="text/plain" Car les données de formulaire sont normalement formatées d'après un schéma déterminé qui est très bien adapté au programme qui les traite mais qui n'est pas pour l'homme une sinécure à lire. Avec la mention citée vous recevez au moins de l'utilisateur ayant rempli votre formulaire avec un navigateur WWW moderne des E-mails correctement formatés.

Attention:

Tous les navigateurs ne maîtrisent pas l'envoi de formulaires par E-mail (plus de détails à ce sujet dans traitement d'un formulaire).

Fenêtre cible pour la réponse du serveur avec des frames

Exemple d'affichage: aperçu

Si vous travaillez avec des Frames et que dans une frame vous avez un formulaire; vous désirez qu'après l'envoi de ce formulaire la réponse du serveur (par exemple le tirage d'un script CGI) soit affichée dans une autre frame vous pouvez mentionner la fenêtre cible pour la réponse du serveur.

Exemple:

<form action="/cgi-bin/auswert.pl" method=post target="Donnée">
... éléments du formulaire comme champs de saisie, liste de choix, boutons etc...
</form>

Explication:

Avec l'attribut target= vous pouvez mentionner dans le repère d'ouverture <form> le nom de la fenêtre frame dans laquelle la réponse du serveur doit être sortie. Netscape aussi bien que l' Explorer Internet MS interprètent cette mention.

Autres possibilités

Avec l'aide de JavaScript vous pouvez diriger et contrôler les entrées dans des formulaires. Déjà dans le repère d'ouverture <form> l' Event-Handler de JavaScript onSubmit= est permis. Veillez aussi à ce sujet à l'exemple d'utilisation JavaScript vérifier les données du formulaire, avant que le formulaire ne soit envoyé.

Le repère <form>peut comporter des attributs universels.

Si vous connaissez déjà un peu mieux HTML essayez aussi les possibilités que vous offrent les feuilles de style CSS. Grâce à elles vous pouvez procéder à des formatages complémentaires de vos formulaires. Auparavant vous devez savoir comment définir des feuilles de style. Après vous serez en mesure d'utiliser les données de feuilles de style. Les commandes de feuilles de style suivantes sont intéressantes dans le contexte décrit ici:
Espaces, marges alignement
Cadres et espaces intérieurs
couleurs et images d'arrière plan


après:	Champ de saisie à une ligne
avant:	Ressources graphiques internes au navigateur

SELFHTML/Quickbar HTML Formulaires