Curso de JavaScript

javaScript

Tutorial para desarrollar en Web mediante JavaScript

Introducción | Elementos del lenguaje | DOM  | Eventos  | Formularios  | Expresiones regulares

Formularios

DOM y acceso al formulario

• Mediante el array forms del document y su array de elementos:

document.forms[0]; //primer formulario de la página web
document.forms[0].elements[0]; //elemento 0 del formulario
document.forms[0].elements[document.forms[0].elements.length-1]; //último elemento

• Inconvenientes:

Sintaxis a veces poco concisa

Alteración del orden de los formularios en un entorno tan cambiante como la Web.

Mejor mediante el atributo name de los elementos:

var formularioPrincipal = document.formulario;
var primerElemento = document.formulario.elemento;
 <form name="formulario">
  	<input type="text" name="elemento" />
</form>

O mediante el atributo id:

var formularioPrincipal = document.getElementById("formulario");
var primerElemento = document.getElementById("elemento");
<form name="formulario" id="formulario" >
  	<input type="text" name="elemento" id="elemento" />
</form>