Les formulaires en Javascript

Objectifs

• Connaitre les éléments de base d'un formulaire

Définitions

• Avec Javascript, les formulaires HTML prennent une toute autre dimension.

La déclaration d'un formulaire

• La définition des différents éléments du formulaire se fait en utilisant l'élément <FORM>.
• L'action a réaliser pour traiter le formulaire doit être précisée en utilisant les deux attributs suivants :
• L'attribut ACTION: Il indique l'action à exécuter lorsque lors de l'envoi des données. Ce sera souvent un logiciel du serveur activé en utilisant la passerelle CGI. On peu aussi utiliser un script JAVAscript.
• L'attribut METHOD: Il permet de définir la méthode de transfert des données vers le serveur. Les deux valeurs possibles sont GET et POST.
• La syntaxe habituelle est donc :

<FORM METHOD="POST" ACTION="/script">
...
</FORM>

Les éléments de formulaires

• Les éléments INPUT

• Les éléments SELECT

• Les éléments TEXTAREA

Traitement des formulaires

• Il s'agit de récupérer les données saisies par l'utilisateur et de les retraiter. Il existe 3 techniques.

  1. La passerelle CGI

     • La technique la plus classique consiste à utiliser la passerelle CGI (Common Gateway Interface) pour exécuter un programme de traitement sur le serveur.
     • Le programme en question recevra toutes les données saisies par l'utilisateur et construira une nouvelle page en réponse.
     • Cette technique est la plus puissante et reste la seule à être capable de traiter un grand volume de données. Néanmoins elle nécessite l'accès à la programmation du serveur.

  2. Les scripts

     • Ils permettent de réaliser de petites applications simples sans interaction avec le serveur.

  3. Se faire expédier les données par mail

     • Cette méthode reste la plus simple à utiliser même si elle ne permet pas de traiter un grand nombre de données. Il suffit d'indiquer une adresse électronique comme action.

     <form action="mailto:mon.nom@mon.adresse.fr" method="POST">

  4. Cette technique présente deux inconvénients majeurs :
  Source:http://www.snv.jussieu.fr/archambault/cours/html/textes/forms.html