¿Cuántos formularios hay en mi página?

Los formularios son los elementos HTML que nos permiten recoger información del usuario y enviarla a un servidor. Los formularios pueden contener elementos gráficos o simplemente contener la información para el envío de datos y permanecer ocultos. Los formularios forman parte de la estructura de la página y por lo tanto del DOM. Esto nos abre la posibilidad de acceder a ellos, modificar su información, y como en este ejemplo, simplemente conocer cuántos formularios componen nuestra página.

Insertar formularios en la página

Lo primero será insertar los formularios en nuestra página. Por ejemplo:

<form id="incidencia">
  <textarea cols="10" rows="4"></textarea>
</form>

<form id="form_test">
  <button>Boton</button>
</form>

<form id="oculto"></form>

Acceder al DOM con Javascript

Ahora utilizamos el lenguaje Javascript para acceder al DOM. La colección que nos da acceso a los formularios es document.forms y el método que nos da el número de formularios es .length.

Así simplemente tendremos que añadir la siguiente línea a Javascript:

document.write("El número de formularios es " + document.forms.length);

Un ejemplo muy sencillo que nos ayuda a saber cuántos formularios hay en mi página web.