Cours ⇒ Javascript et AJAX facebook twitter youtube

Les formulaires | Les formulaires


Les formulaires HTML sont également très intéressants pour JavaScript. Leurs options sont quelque peu limitées,mais JavaScript apporte son 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 certaines  exigences sont respectées, etc.

Formulaires HTML avec JavaScript

document.forms[0]

 

Gé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'un formulaire, on y accède par document.forms[0].

 

Les formulaires peuvent aussi obtenir un nom :

<form name="mainForm">
...
</form>

 

On accède alors au formulaire avec document.forms["mainForm"].

Tous les éléments du formulaire 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'attribut name="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 tableau elements, car elle n'est autorisée qu'avec un accès automatisé aux éléments de formulaire.

 



Accès aux champs de texte Voir Plus
Accès aux cases à cocher Voir Plus
les boutons radio HTML sont toujours présentés par groupe. Cela signifie que plusieurs boutons radio peuvent avoir le même attribut name, mais que leurs attributs value diffèrent Voir Plus



>
Changer le fond
Oregionale Skin
7astuces
Sélectionnez un Fond (11)
7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces
Fond de contenu
7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces