FAQ JavaScriptConsultez toutes les FAQ

Nombre d'auteurs : 43, nombre de questions : 176, dernière mise à jour : 19 décembre 2013 

 
OuvrirSommaireLes formulaires

Supposons que nous ayons dans notre page le formulaire suivant:

 
Sélectionnez
<form name="monFormulaire" action="...">
  <input type="..." name="monInput" id="monInputId" />
  <input ...
</form>

L'accès aux éléments du formulaire peut se faire de plusieurs façons:

La possibilité historique.

 
Sélectionnez
document.monFormulaire.monInput

C'est la plus mauvaise. En effet, l'adressage n'est correctement supporté que par Internet Explorer et rien n'assure la compatibilité avec les navigateurs futurs. De plus si nomInput contient des caractères spéciaux (typiquement les [] de PHP), cette syntaxe ne fonctionne pas. Elle ne peut que difficilement être utilisée pour des noms générés dynamiquement.

Adressage par les tableaux forms et elements.

Le document contient un tableau de ses formulaires (forms) et chacun des formulaire contient un tableau de ses éléments (elements).

 
Sélectionnez
document.forms['monFormulaire'].elements['monInput']

Cette syntaxe est bien plus portable que la précédente, accepte les caractères spéciaux (comme []) et est aisée à utiliser avec des noms générés dynamiquement.

Utiliser l'id de l'input.

Chaque élément de la page HTML peut être désigné de façon unique par son id (à vous de vous assurer qu'il existe un et un seul élément ayant cet id).

 
Sélectionnez
document.getElementById('monInputId')

Cette méthode utilise le DOM, est très souple et concise. Elle connaît certaines limitations pour des utilisations dans des boucles.

Créé le 19 avril 2006  par denisC
  

Les sources présentées sur cette page sont libres de droits et vous pouvez les utiliser à votre convenance. Par contre, la page de présentation constitue une œuvre intellectuelle protégée par les droits d'auteur. Copyright © 2004 Developpez Developpez LLC. Tous droits réservés Developpez LLC. Aucune reproduction, même partielle, ne peut être faite de ce site et de l'ensemble de son contenu : textes, documents et images sans l'autorisation expresse de Developpez LLC. Sinon vous encourez selon la loi jusqu'à trois ans de prison et jusqu'à 300 000 € de dommages et intérêts.