Attributo forms dell'oggetto DOM HTML

Definizione e uso

forms L'attributo restituisce la raccolta di tutti gli elementi <form> del documento.

forms L'attributo restituisce HTMLCollection.

forms L'attributo è readonly.

Vedi anche:

Oggetto Form

Collezione di elementi Form

Etichetta <form> HTML

Tutorial HTML Form

Suggerimento:Utilizzare Collezione di elementi Form Restituisce tutti gli elementi del modulo.

HTMLCollection

HTMLCollection È una raccolta simile a un array di elementi HTML (elenco).

è possibile accedere agli elementi nella raccolta tramite indice (partendo da 0).

length l'attributo restituisce il numero di elementi nella raccolta.

istanza

esempio 1

Restituisce il numero di elementi <form> nel documento:

let num = document.forms.length;

prova personalmente

esempio 2

Ottieni l'id del primo elemento <form>:

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

prova personalmente

esempio 3

Ottieni l'id del primo elemento <form>:

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

prova personalmente

esempio 4

Ottieni il contenuto HTML dell'elemento <form> con id="myCarForm":

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

prova personalmente

esempio 5

esaminare tutti gli elementi <form> e stampare l'id di ciascun modulo:

const forms = document.forms;
let text = "";
for (let i = 0; i < forms.length; i++) {
  text += forms[i].id + "<br>";
}

prova personalmente

esempio 6

Ottieni i valori di ciascun elemento nel modulo utilizzando la raccolta form.elements:

const form = document.forms[0];
let text = "";
for (let i = 0; i < form.length; i++) {
  text += forms.elements[i].value + "<br>";
}

prova personalmente

sintassi

document.forms

proprietà

proprietà descrizione
length numero di elementi nella raccolta.

metodo

metodo descrizione
[index]

restituisce l'elemento con specifico indice (partendo da 0).

se l'indice è fuori dalla gamma, restituisce null.

item(index)

restituisce l'elemento con specifico indice (partendo da 0).

se l'indice è fuori dalla gamma, restituisce null.

namedItem(id)

restituisce l'elemento con specifico id elemento.

se id non esistente, restituisce null.

valore di ritorno

tipo descrizione
oggetto

oggetto HTMLCollection.

tutti gli elementi <form> nel documento.

vengono ordinati secondo l'ordine di apparizione nel codice sorgente.

supporto del browser

document.forms è una caratteristica di DOM Level 1 (1998).

è supportato da tutti i browser:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
supporta 9-11 supporta supporta supporta supporta