Formulaires de documents HTML DOM
Exemple
Nombre d'éléments <form> dans le document :
let num = document.forms.length;
Obtenez l'identifiant du premier élément <form> :
let id = document.forms[0].id;
Obtenez l'identifiant du premier élément <form> :
let id = document.forms.item(0).id;
Obtenez le contenu HTML de l'élément <form> avec id="myCarForm":
let html = document.forms.namedItem("myCarForm").innerHTML;
Plus d'exemples ci-dessous.
Définition et utilisation
La forms
propriété renvoie une collection de tous les éléments <form> d'un document.
La forms
propriété renvoie une HTMLCollection .
La forms
propriété est en lecture seule.
Voir également:
La collection d'éléments de formulaire
Le didacticiel sur les formulaires HTML
Pointe:
Utilisez la collection d'éléments Forms pour renvoyer tous les éléments d'un formulaire.
Collection HTML
Une HTMLCollection est une collection de nœuds HTML.
Les nœuds d'une collection sont accessibles par des numéros d'index. L'indice commence à 0.
La propriété length renvoie le nombre d'éléments dans la collection.
Syntaxe
document.forms
Propriétés
Property | Description |
length | The number of elements in the collection. |
Méthodes
Method | Description |
[index] | Returns the element with the specified index (starts at 0). Returns null if the index is out of range. |
item(index) | Returns the element with the specified index (starts at 0). Returns null if the index is out of range. |
namedItem(id) | Returns the element with the specified id. Returns null if the id does not exist. |
Valeur de retour
Taper | La description |
Objet | Un objet HTMLCollection . Tous les éléments <form> du document. Triés tels qu'ils apparaissent dans le code source |
Plus d'exemples
Parcourez tous les éléments <form> et affichez l'identifiant de chaque formulaire :
const forms = document.forms;
let text = "";
for (let i = 0; i < forms.length; i++) {
text += forms[i].id + "<br>";
}
Utilisation de la collection form.elements pour obtenir la valeur de chaque élément du formulaire :
const form = document.forms[0];
let text = "";
for (let i = 0; i < form.length; i++) {
text += forms.elements[i].value + "<br>";
}
Prise en charge du navigateur
document.forms
est une fonctionnalité DOM niveau 1 (1998).
Il est entièrement pris en charge dans tous les navigateurs :
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | 9-11 | Yes | Yes | Yes | Yes |