Los últimos tutoriales de desarrollo web
 

HTML DOM formularios de recogida de

<Document Object

Ejemplo

Averiguar cuántos <form> elementos que hay en el documento:

var x = document.forms.length;

El resultado de x será:

1
Inténtalo tú mismo "

Más "Try it Yourself" ejemplos a continuación.


Definición y Uso

La colección de formularios devuelve una colección de todos los <form> elementos en el documento.

Note: Los elementos de la colección están ordenados como aparecen en el código fuente.

Consejo: Utilice el elementos de la colección del objeto de formulario para devolver una colección de todos los elementos en una forma.


Soporte del navegador

Colección
forms

Sintaxis

document.forms

propiedades

Propiedad Descripción
length Devuelve el número de <form> elementos de la colección.

Nota: Esta propiedad es de sólo lectura

métodos

Método Descripción
[ index ] Devuelve el <form> elemento de la colección con el índice especificado (starts at 0) .

Nota: Devuelve un valor nulo si el número de índice está fuera de rango
item( index ) Devuelve el <form> elemento de la colección con el índice especificado (starts at 0) .

Nota: Devuelve un valor nulo si el número de índice está fuera de rango
namedItem( id ) Devuelve el <form> elemento de la colección con el id especificado.

Nota: Devuelve un valor nulo si el identificador no existe

Detalles técnicos

DOM Versión: Nivel básico Objeto Documento 1
Valor de retorno: Un Objeto HTMLCollection, que representa a todos <form> elementos en el documento. Los elementos de la colección están ordenados como aparecen en el código fuente

Ejemplos

Más ejemplos

Ejemplo

[Índice]

Obtener el id de la primera <form> elemento (index 0) en el documento:

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

El resultado de x será:

myCarForm
Inténtalo tú mismo "

Ejemplo

item( index )

Obtener el id de la primera <form> elemento (index 0) en el documento:

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

El resultado de x será:

myCarForm
Inténtalo tú mismo "

Ejemplo

namedItem( id )

Obtener el contenido HTML de la <form> elemento con id = "myForm" en el documento:

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

El resultado de x será:

Favorite Car:
Inténtalo tú mismo "

Ejemplo

Loop a través de todos <form> elementos en el documento, y la salida de la 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>";
}

El resultado de txt será:

myCarForm
myColorForm
Inténtalo tú mismo "

Ejemplo

Uso de la Colección de los elementos junto con document.forms para obtener rgb (241, 241, 241); "> el valor de cada elemento en la forma:

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

El resultado de x será:

Donald
Duck
Duckburg
Submit
Inténtalo tú mismo "

Páginas relacionadas

JavaScript referencia: formularios HTML DOM Objeto

: Referencia de JavaScript Colección Los elementos de formulario

Tutorial de HTML: formularios HTML

Referencia HTML: HTML <form> etiqueta


<Document Object