IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
logo
Sommaire > Les formulaires
        Comment accéder aux éléments d'un formulaire ?
9.1. Les champs des formulaires (11)
                Comment récupérer la valeur d'un select ?
                Comment récupérer le texte d'un select ?
                Comment modifier l'état d'une des options d'un select ?
                Comment récupérer les valeurs d'un select multiple ?
                Comment récupérer l'état de cases à cocher ?
                Comment récupérer la valeur d'un champs texte ?
                Comment modifier la valeur d'un input de type file ?
                Comment vider un champ texte quand on clique dessus ?
                Comment sélectionner le contenu d'un champ texte quand on clique dessus ?
                Comment modifier les options d'un champ select ?
                Comment attribuer une valeur à l'attribut name d'un élément créé par un script ?
9.2. Les autres objets du formulaire (14)
                Comment soumettre un formulaire automatiquement ?
                Comment soumettre un formulaire en utilisant un lien ?
                Comment faire pour avoir deux boutons submit dans le même formulaire ?
                Comment vérifier que l'utilisateur a renseigné un champ d'un formulaire ?
                Comment vérifier que l'utilisateur a renseigné tous les champs texte d'un formulaire ?
                Comment vérifier la syntaxe d'une date ?
                Comment passer automatiquement au champ suivant lorsque la taille maximale du champ en cours est atteinte ?
                Comment lier deux listes déroulantes entre elles ?
                Comment ajouter des options dans une liste déroulante à partir d'une autre ?
                Comment désactiver une zone de texte en cochant une checkbox ?
                Comment remplacer un caractère par un autre lorsque l'utilisateur renseigne un champ texte ?
                Comment enlever la propriété readOnly d'un objet ?
                Comment n'autoriser que la saisie de chiffres dans un champ texte ?
                Comment faire passer un div au dessus d'un select dans IE ?



Comment accéder aux éléments d'un formulaire ?
auteur : denisC
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.



Consultez les autres F.A.Q.


Valid XHTML 1.0 TransitionalValid CSS!

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 ni 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.