¿Qué son los formularios?
Los formularios son posiblemente la
herramienta más utilizada en Internet para obtener datos e información acerca
de la gente que navega nuestro sitio.
La
idea de los formularios es recolectar información online en la interacción con
el usuario y luego ejecutar una determinada acción con la misma.
¿Cómo los definimos?
Cinco son solamente
las etiquetas que el código HTML posee para definir todos los elementos
interactivos que un formulario puede presentar: <FORM>, <INPUT>,
<SELECT>, <OPTION> y <TEXTAREA>. Estas etiquetas,
junto a un número de modificadores o atributos, son suficientes para indicarle
al navegador cliente cómo debe recolectar la información, cómo debe manejarla
una vez recolectada y cómo debe interactuar con el servidor.
Etiqueta
<FORM>
Todo
formulario debe estar encerrado entre el par de etiquetas <FORM> y
</FORM>, y debe ser ubicado en el cuerpo de cualquier documento HTML,
es decir, entre el par de etiquetas <BODY> y </BODY>.
Esta etiqueta <FORM> presenta tres atributos posibles:
Estos son los
atributos del elemento FORM:
Para
introducir datos por medio de una línea de texto, la palabra clave es INPUT TYPE="text" y, el VALUE
no se utiliza. Por ejemplo solicitamos que se introduzca un nombre:
La
longitud del formulario es, por defecto, de 20 caracteres. Se puede variar
incluyendo en la etiqueta el atributo SIZE="cantidad".
Sea cual sea la longitud del formulario, si no se indica nada, puede
introducirse cualquier cantidad de caracteres. Se puede limitar incluyendo en
la etiqueta el atributo MAXLENGTH="cantidad".
También
es posible introducir un texto y que los caracteres sean irreconocible, por
ejemplo, que se vean como los típicos asteriscos que aparecen cuando se nos
pide ingresar una contraseña. Para esto, hay que cambiar el atributo TYPE="text" por el atributo TYPE="password".
Si
queremos que el usuario confirme una opción determinada, podemos usar un
formulario de confirmación, o checkbox,
que se consigue con la etiqueta INPUT
TYPE="checkbox".
Si
queremos que el formulario aparezca marcado por defecto, hay que añadir el
atributo CHECKED dentro de la etiqueta.
Cuando
queremos que el usuario elija una única opción entre varias, usamos los botones
de radio, con la etiqueta INPUT TYPE="radio".
El
atributo opcional CHECKED se ha añadido en la
primera etiqueta para que aparezca marcada por defecto.
Añadiendo
botones para el envio de datos:
El
elemento esencial en cualquier formulario es el botón de envío que se consigue
con la etiqueta INPUT TYPE="submit".
Otro
botón que puede agregarse con facilidad es el de borrado de los datos
introducidos. Es muy similar al anterior, INPUT
TYPE="reset".
INPUT TYPE="submit" VALUE="Enviar datos"
por
INPUT TYPE="image" SRC="URLimagen"
Estos
son los atributos del elemento INPUT:
Una
alternativa de la etiqueta INPUT es la etiqueta BUTTON, funcionan igual pero ofrecen más posibilidades
gráficas. Por ejemplo, botones con relieve y un efecto visual al ser oprimidos.
Estos
son los atributos del elemento BUTTON:
Cuando
el texto a introducir es largo, por ejemplo un comentario, es conveniente
utilizar un formulario de texto de líneas múltiples, esto se logra con la
etiqueta TEXTAREA:
Estos
son los atributos del elemento TEXTAREA:
No hay comentarios:
Publicar un comentario