Java script formulaire

Disponible uniquement sur Etudier
  • Pages : 3 (635 mots )
  • Téléchargement(s) : 0
  • Publié le : 10 avril 2011
Lire le document complet
Aperçu du document
Les formulaires
Les formulaires sont un aspect très utile du HTML
lorsqu'on travaille avec les technologies côté serveur car
ils permettent de "communiquer" avec le serveur : des
données sontsaisies dans le formulaire qui est ensuite
envoyé au serveur.
Les formulaires HTML sont également très intéressants
pour JavaScript. Leurs options sont quelque peu limitées,
mais JavaScript apporteson aide. Attention, les
données utilisateur devront être validées, les formulaires
peuvent n'accepter que certains types d'entrées, l'envoi
de formulaires peut n'être possible que lorsque certainesexigences sont respectées, etc. Tout cela, et bien d'autres
choses, est rendu possible par JavaScript, comme vous
allez le voir.
132 CHAPITRE 8 Les formulaires
Formulaires HTML avec JavaScriptGénéralement, on accède à un élément HTML grâce à
son identifiant, puis avec document.getElementById().
Toutefois, pour les formulaires HTML, on utilisera document.
forms. En effet, on fait appel àl'attribut de nom de
chaque élément de formulaire pour l'envoyer au serveur.
document.forms représente un tableau de tous les formulaires
de la page en cours. Ainsi, si la page ne contient
qu'unformulaire, on y accède par document.forms[0]. Les
formulaires peuvent aussi obtenir un nom :

...

On accède alors au formulaire avec document.forms
["mainForm"].
Tous les éléments duformulaire sont également référencés
par leurs noms, qui servent d'indices de tableau pour sa
propriété elements. Imaginons que le premier formulaire
d'une page possède un élément portant l'attributname="element1". Le code JavaScript suivant y accède :
document.forms[0].elements["element1"]
Il existe d'autres manières, plus courtes, d'accéder à ces
informations. Ainsi, un formulaire nommé"mainForm" et
un élément "element1" permettent ce raccourci :
document.mainForm.element1
On emploie habituellement la manière plus détaillée qui
fait appel au tableau forms et plus particulièrement au...
tracking img