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 | Sí | Sí | Sí | Sí | Sí |
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 |
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