Propriedade forms do Documento DOM HTML

Definição e uso

forms A propriedade retorna a coleção de todos os elementos <form> do documento.

forms A propriedade retorna HTMLCollection.

forms As propriedades são apenas leitura.

Veja também:

Objeto Form

Conjunto de elementos de formulário

Etiqueta <form> do HTML

Tutorial de formulário HTML

Dica:Use Conjunto de elementos de formulário Retorna todos os elementos do formulário.

HTMLCollection

HTMLCollection É uma coleção similar a uma array de elementos HTML (lista).

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

Atributo Os elementos na coleção podem ser acessados por índice (começando em 0).

Atributo retorna o número de elementos na coleção.

Exemplo

Exemplo 1

Retorna o número de elementos <form> no documento:

}

let num = document.forms.length;

Exemplo 3

Exemplo 2

}

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

Exemplo 3

Obter o id do primeiro elemento <form>:

}

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

Exemplo 4

Obter o conteúdo HTML do elemento <form> com id="myCarForm":

}

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

Exemplo 5

Loop through all <form> elements and output the id of each form:
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>";

Exemplo 6

Use a coleção form.elements para obter o valor de cada elemento no formulário:
const form = document.forms[0];
let text = "";
  for (let i = 0; i < form.length; i++) {
text += forms.elements[i].value + "<br>";

}

Experimente você mesmo

document.forms

Sintaxe

Sintaxe Descrição
Atributo length

Número de elementos na coleção.

Número de elementos na coleção. Descrição
Métodositem([

index

Retorna o elemento com o índice especificado (começando em 0).

]item(namedItem(

index

Retorna o elemento com o índice especificado (começando em 0).

Se o índice estiver fora do intervalo, retorna null.SenamedItem(

) Se Retorna o elemento com o nome especificado

do elemento. Se id

Retorna null se não existir.

Tipo Descrição
Objeto

Objeto HTMLCollection.

Todos os elementos <form> no documento.

Classificados na ordem em que aparecem no código-fonte.

Suporte do navegador

document.forms É uma característica do DOM Level 1 (1998).

Todos os navegadores suportam isso:

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