Diseño y Programación de Páginas Web

Podremos acceder con su nombre de esta manera.
document.f1
O con su índice, si suponemos que es el primero de la página.
document.forms[0]
De similar manera accedemos a los elementos de un formulario, que dependen del objeto form.
1. A partir del nombre del objeto asignado con el atributo NAME de HTML.
2. Mediante la matriz de elementos del objeto form, con el índice del elemento al que queremos
acceder.
Podríamos acceder al campo 1 del anterior formulario de dos maneras. Con su nombre lo haríamos así.
document.f1.campo1
o a partir del array de elementos.
document.f1.elements[0] (utilizamos el índice 0 porque es el primer elemento y en Javascript los arrays
empiezan por 0.)
Si deseamos acceder al segundo campo del formulario escribiríamos una de estas dos cosas:
document.f1.campo2
document.f1.elements[1]
recordamos que también podemos acceder a un fomulario por el array de forms, indicando el índice del
formulario al que acceder. De este modo, el acceso al campo2 sería el siguiente:
document.forms[0].campo2
document.forms[0].elements[1]
En estos casos hemos supuesto que este formulario es el primero que hay escrito en el código HTML, por
eso accedemos a él con el índice 0.
Esperamos que haya quedado claro el acceso a formularios y sus campos. Pasaremos entonces, sin más,
a un ejemplo para practicar todo esto.
Ej. trabajo con formularios. Calculadora sencilla
Para ilustrar un poco el trabajo con formularios, vamos a realizar un ejemplo práctico. Puede que
algunas cosas que vamos a tratar queden un poco en el aire porque no se hayan explicado con
detenimiento antes, pero seguro que nos sirve para enterarnos de cómo se trabaja con formularios y las
posibilidadedes que tenemos.
Ejemplo calculadora sencilla
En este ejemplo vamos a construir una calculadora, aunque bastante sencilla, que permita realizar las
operaciones básicas. Para hacer la calculadora vamos a realizar un formulario en el que vamos a colocar
tres campos de texto, los dos primeros para los operandos y un tercero para el resultado. Además
habrán unos botones para hacer las operaciones básicas.
El formulario de la calculadora se puede ver aquí.
284