Les formulaires en Javascript


Les formulaires en Javascript

  1. Objectifs
    • Connaitre les éléments de base d’un formulaire



    d-client=”ca-pub-2041146479004630″
    data-ad-slot=”1219671700″
    data-ad-format=”auto”>

  2. Définitions
    • Avec Javascript, les formulaires HTML prennent une toute autre dimension.

  3. 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 :

  4. Les éléments de formulaires
  5. 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.
        • Cette technique présente deux inconvénients majeurs :

        • Source:http://www.snv.jussieu.fr/archambault/cours/html/textes/forms.html




      Sommaire du cours JavaScript



Riadh HAJJI

Abonnez vous à notre chaîne YouTube gratuitement