Les formulaires en Javascript

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

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

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

• 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="https://apcpedagogie.com/script">
...
</FORM>

• Les éléments INPUT

• Les éléments SELECT

• Les éléments TEXTAREA

• 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">

• Cette technique présente deux inconvénients majeurs :


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





Sommaire du cours JavaScript
Accéder aux éléments d’un formulaire

---

Sommaire du cours JavaScript