tutoriais mais recente desenvolvimento web
 

HTML DOM formulários de coleta

<Document Object

Exemplo

Descobrir quantos <form> elementos existem no documento:

var x = document.forms.length;

O resultado x será:

1
Tente você mesmo "

Mais "Try it Yourself" exemplos abaixo.


Definição e Uso

A coleção de formas retorna uma coleção de todos os <form> elementos no documento.

Note: Os elementos na coleção são classificadas como eles aparecem no código-fonte.

Dica: Utilize a elementos coleção do objeto de formulário para retornar uma coleção de todos os elementos em um formulário.


Suporte navegador

Coleção
forms sim sim sim sim sim

Sintaxe

document.forms

propriedades

Propriedade Descrição
length Retorna o número de <form> elementos na coleção.

Nota: Esta propriedade é somente leitura

Métodos

Método Descrição
[ index ] Retorna o <form> elemento da coleção com o índice especificado (starts at 0) .

Nota: Retorna null se o número de índice está fora do intervalo
item( index ) Retorna o <form> elemento da coleção com o índice especificado (starts at 0) .

Nota: Retorna null se o número de índice está fora do intervalo
namedItem( id ) Retorna o <form> elemento da coleção com o especificado id.

Nota: Retorna null se o id não existe

Detalhes técnicos

DOM Versão: Núcleo Nível Objeto 1 Documento
Valor de retorno: Um objeto HTMLCollection, representando todos <form> elementos no documento. Os elementos na coleção são classificadas como eles aparecem no código fonte

Exemplos

mais Exemplos

Exemplo

[Índice]

Obter o ID da primeira <form> elemento (index 0) no documento:

var x = document.forms[0].id;

O resultado x será:

myCarForm
Tente você mesmo "

Exemplo

item( index )

Obter o ID da primeira <form> elemento (index 0) no documento:

var x = document.forms.item(0).id;

O resultado x será:

myCarForm
Tente você mesmo "

Exemplo

namedItem( id )

Obter o conteúdo HTML do <form> elemento com id = "myForm" no documento:

var x = document.forms.namedItem("myCarForm").innerHTML;

O resultado x será:

Favorite Car:
Tente você mesmo "

Exemplo

Percorrer todos <form> elementos no documento, ea saída do ID de cada forma:

var x = document.forms;
var txt = "";
var i;
for (i = 0; i < x.length; i++) {
    txt = txt + x[i].id + "<br>";
}

O resultado do txt será:

myCarForm
myColorForm
Tente você mesmo "

Exemplo

Usando a coleção de elementos, juntamente com document.forms para obter rgb (241, 241, 241); "> o valor de cada elemento no formulário:

var x = document.forms[0];
var txt = "";
var i;
for (i = 0; i < x.length; i++) {
    txt = txt + x.elements[i].value + "<br>";
}

O resultado x será:

Donald
Duck
Duckburg
Submit
Tente você mesmo "

Páginas relacionadas

JavaScript referência: DOM formulário HTML Objeto

JavaScript referência: elementos formulário de coleta

Tutorial HTML: formulários HTML

Referência HTML: HTML <form> tag


<Document Object