Propriété forms du Document DOM HTML

Définition et utilisation

forms La propriété retourne une collection de tous les éléments <form> du document.

forms La propriété retourne HTMLCollection.

forms Les propriétés sont en lecture seule.

Veuillez également consulter :

Objet Form

Collection d'éléments de formulaire

Balise <form> HTML

Tutoriel HTML Form

Avis :Veuillez utiliser Collection d'éléments de formulaire Retourne tous les éléments du formulaire.

HTMLCollection

HTMLCollection C'est une collection d'éléments HTML similaires à un tableau (liste).

可以通过索引访问集合中的元素（从 0 开始）。

Propriété Les éléments de la collection peuvent être accédés par index (commençant à 0).

La propriété retourne le nombre d'éléments dans la collection.

Instance

Exemple 1

Retourne le nombre d'éléments <form> dans le document :

}

let num = document.forms.length;

Exemple 3

Exemple 2

}

let id = document.forms[0].id;

Exemple 3

Obtenir l'id du premier élément <form> :

}

let id = document.forms.item(0).id;

Exemple 4

Obtenir le contenu HTML de l'élément <form> avec id="myCarForm" :

}

let html = document.forms.namedItem("myCarForm").innerHTML;

Exemple 5

Parcourir tous les éléments <form> et afficher l'id de chaque formulaire :
const form = document.forms[0];
const forms = document.forms;
  for (let i = 0; i < forms.length; i++) {
text += forms.elements[i].value + "<br>";

}

text += forms[i].id + "<br>";

Exemple 6

Obtenez la valeur de chaque élément dans le formulaire à l'aide de la collection form.elements :
const form = document.forms[0];
let text = "";
  for (let i = 0; i < form.length; i++) {
text += forms.elements[i].value + "<br>";

}

Essayez-le vous-même

document.forms

Syntaxe

Syntaxe Description
Propriété length

Nombre d'éléments dans la collection.

Nombre d'éléments dans la collection. Description
Méthodeitem([

index

Retourne l'élément avec l'index spécifié (commençant à 0).
]item(namedItem(

index

Retourne l'élément avec l'index spécifié (commençant à 0).
Si l'index dépasse la portée, retourne null.SinamedItem(

) Si Retourne l'élément avec l'id spécifié.

de l'élément. Si id

Retourne null s'il n'existe pas.

Type Description
Objet

Objet HTMLCollection.

Tous les éléments <form> du document.

Trier par ordre de leur apparition dans le code source.

Support du navigateur

document.forms C'est une caractéristique de DOM Level 1 (1998).

Tous les navigateurs le supportent :

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Supporté 9-11 Supporté Supporté Supporté Supporté