Propiedad forms del Documento DOM HTML

Definición y uso

forms La propiedad devuelve la colección de todos los elementos <form> del documento.

forms La propiedad devuelve HTMLCollection.

forms Las propiedades son de solo lectura.

Por favor consulta:

Objeto Form

Colección de elementos de formulario

Etiqueta <form> de HTML

Tutoriales de HTML Formulario

Consejo:Por favor usa Colección de elementos de formulario Devuelve todos los elementos del formulario.

HTMLCollection

HTMLCollection Es una colección similar a un array (lista) de elementos HTML.

se puede acceder a los elementos de la colección mediante índice (comienza en 0).

longitud el atributo devuelve el número de elementos en la colección.

instancia

ejemplo 1

devuelve el número de elementos <form> en el documento:

let num = document.forms.length;

intente hacerlo usted mismo

ejemplo 2

Obtenga el id del primer elemento <form>:

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

intente hacerlo usted mismo

ejemplo 3

Obtenga el id del primer elemento <form>:

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

intente hacerlo usted mismo

ejemplo 4

Obtenga el contenido HTML del elemento <form> con id="myCarForm":

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

intente hacerlo usted mismo

ejemplo 5

recorra todos los elementos <form> y escriba el id de cada formulario:

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

intente hacerlo usted mismo

ejemplo 6

Obtenga el valor de cada elemento en el formulario utilizando la colección form.elements:

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

intente hacerlo usted mismo

sintaxis

document.forms

atributo

atributo descripción
longitud número de elementos en la colección.

método

método descripción
[índice]

devuelve el elemento con el índice especificado (comienza en 0).

si el índice está fuera de rango, se devuelve null.
item(índice)

devuelve el elemento con el índice especificado (comienza en 0).

si el índice está fuera de rango, se devuelve null.
namedItem(id)

devuelve el elemento con el nombre especificado id del elemento.

si id no existe, se devuelve null.

valor de retorno

tipo descripción
objeto

objeto HTMLCollection.

todos los elementos <form> del documento.

se ordenan según su aparición en el código fuente.

soporte del navegador

document.forms es una característica del nivel DOM 1 (1998).

Se admite en todos los navegadores:

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