Texto
Se utiliza para la entrada de cadenas de texto corto, como por ejemplo nombre de personas, números, fechas o diversos datos que se puedan expresar en una línea de texto.
Se mostrará un recuadro que ocupa una línea y la que será posible especificar este texto. El formato de la instrucción es el siguiente:
< INPUT TYPE=TEXT NAME=”variable” VALUE=”valor inicial” SIZE=”tamaño” MAXLENGTH=”longitud máxima” >
El tamaño de la ventana de introducción de texto se fija con el atributo SIZE, que indica el tamaño de la ventana en caracteres. Aquí solo se define la parte visible, pero el usuario podrá introducir más texto si lo desea.
Para indicar el máximo número de caracteres que se permiten en la entrada usaremos: MAXLENGTH. El atributo NAME indica el nombre de la variable que toma el valor de la entrada y VALUE especifica el valor de inicialización del campo. De todos los atributos solo será obligatorio NAME, siendo el resto opcionales. En la entrada se podrán usar cualquier tipo de caracteres incluso los acentuados, en su formato normal.
Contraseña
Es similar al anterior pero en este caso no se imprimen los caracteres según se van introduciendo, se muestra un asterisco en vez de los caracteres. Solo se puede ver el número de caracteres, pero no valor. Se usa para la introducción de claves de acceso (passwords) y datos que no deban ser vistos al introducirlos. Su sintaxis es:
< INPUT TYPE=PASSWORD NAME="variable" VALUE="valor inicial" SIZE="tamaño" MAXLENGTH="longitud máxima" >
Casilla de Verificación
Como dijimos anteriormente el atributo checkbox es un botón que puede presentar dos estados activado o desactivado. Su sintaxis es:
< INPUT TYPE= CHECKBOX NAME= "variable" CHECKED >
Se requiere el atributo NAME. Los valores que tomará la variable serán on ó off, dependiendo de su estado. Si el botón estaba activado cuando se envían los datos del formulario se enviaran el nombre de la variable y el valor que indique su estado. Si se incluye el atributo CHECKED el botón se encontrará activado (on) en la inicialización.
Si se indica el atributo VALUE, cuando se envían los datos con el botón activado se mandará la variable con el valor indicado y en caso contrario no se mandará ningún valor.
Botón de Opción
Se usa cuando la opción puede tomar un valor simple de una serie de alternativas. En este caso se presentan unos valores opcionales de los que solo puede tomar un valor. Para especificar cada uno de estos valores se incluirá una etiqueta RADIO por cada una de las posibles alternativas, su estructura general será:
< INPUT TYPE=RADIO NAME="variable" VALUE="valor 1" CHECKED >
< INPUT TYPE=RADIO NAME="variable" VALUE="valor 2" >
. . .
< INPUT TYPE=RADIO NAME="variable" VALUE="valor n" >
Cada una de las etiquetas RADIO tendrá el mismos atributo NAME, y con un distinto atributo VALUE que será el valor que tome si se selecciona esta opción. Para inicializarlo se usa el atributo CHECKED que se indicará solo en la opción que se quiera especificar por defecto.
Envío
Este botón se usa para enviar los datos del formulario, al pulsar el usuario este botón, se acaba la introducción del formulario y pasa el control al programa indicado en ACTION. En todo formulario debe existir al menos un botón de SUBMIT, si solo incluye un recuadro del tipo TEXT no será necesario incluirlo. El formato es:
< INPUT TYPE=SUBMIT VALUE =" mensaje a mostrar" >
En este caso en particular el atributo VALUE especifica una etiqueta no editable que se mostrará en el botón de envío. Lo normal es que este botón no envíe datos, pero si se indica el atributo NAME con un nombre de variable será enviada la variable con el valor de VALUE. Esto puede ser útil si se incluyen distintos botones de SUBMIT para distinguir cual fue pulsado.
Envío con Imagen
Su funcionalidad es similar al botón de SUBMIT, se usa igualmente para enviar los datos de un formulario, pero en este caso se presenta una imagen como botón. Igualmente al pulsar sobre el botón se enviará el formulario. La sintaxis es la siguiente:
< INPUT TYPE=IMAGE NAME="variable" SRC="URL de la Imagen" >
El punto de la imagen en el que pulsa el usuario también es pasado al programa interprete del formulario, de forma que la imagen igualmente podría ser un mapa sensible. Se pasarán dos parámetros x e y con las coordenadas del punto donde pulso, siendo el programa interprete el encargado de determinar la zona donde se pulsó, si se desea.
Restaurar o borrar datos del formulario
Este botón se usa para volver a los valores por defecto todos los elementos del formulario, borrando todos los datos introducidos por el usuario. Su formato es el siguiente:
< INPUT TYPE=RESET VALUE="Etiqueta a mostrar" >
El atributo VALUE especifica la etiqueta que tendrá el botón.
Campos Ocultos
En este caso no se muestra ningún campo para la entrada de datos al usuario, pero el par variable valor especificado es enviado junto con el formulario. Se suele usar para transmitir información de estado ó control ó para enviar algún tipo de información que no debe ser variada en el formulario, pero sí debe ser enviada junto a este. El formato es:
< INPUT TYPE=HIDDEN NAME="variable" VALUE="valor" >
Como estudiamos al inicio, todo atributo tiene un valor y los atributos del Formulario no son la excepción, sin embargo el valor del atributo está determinado por el atributo en sí y, la secuencia del subsiguiente atributo está determinado por el atributo anterior, se deberá incluir tanto la variable como el valor. Clik aqui para ver el ejemplo