Supposons que nous ayons dans notre page le formulaire suivant:
<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 :
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).
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).
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.
| 
