Formularios en páginas web.
Un formulario
es, sencillamente el equivalente en página web, los cuadros de dialogo. Es una
página poblada de cuadros de texto, las listas desplegables y botones de
comando para obtener información de los lectores.
Creación de formularios.
Se utiliza la etiqueta
<FORM> y <FORM> setas pueden insertarse en cualquier
parte del cuerpo del programa, esta etiqueta tiene atributos adicionales que le
informan al servidor web cómo procesar el formulario.
<FORM
ACTION=”URL” METHOD=”METHOD”>
ACTIONà Le indica al
navegador a donde enviar los datos del documento.
URLàEs la página web que tiene el
programa.
METHODà indica como enviar los datos del
formulario URL especificado en ACTION. Hay
dos posibilidades de valor METHOD: POST y GET.
Ejemplo:
<FORM ACTION=”HTTP://hoohoo.ncsa.edu/query” NETHOD=POST>
POST
y GETà Funcionan en le mayoría de los casos,
GET suele producir errores en los
formularios grandes, por lo que es mejor utilizar siempre POST.
BOTONES DE ENVÍO.
Los formularios tienen dos botones de comando de
“envío” y los de reinicio.
El botón de
envío es equivalente a aceptar y los datos del formulario se envían al programa
especificado en el atributo a “ACTION” de la etiqueta <FORM>.
<INPUT
TYPE=”SUBMIT”>
↓texto del comando
Submit Query
(enviar consulta)
↓
SEND (enviar)
Despliega un botón de
comando
En el formulario no puede haber más de un botón de
envío, puede establecer su propio rotulo del botón, con el atributo VALUE.
<INPUT TYPE=”SUBMIT” VALUE=”Acepto todo”>
Botones de reinicio.
Los botones
de reinicio borran todos los datos de los campos del formulario y vuelven a
colocar cualquier valor predeterminado que se haya especificado para cada
campo.
<INPUT
TYPE=”RESET”>
<INPUT
TYPE=”RESET” VALUE=”Empezar de cero”>
Cuadros de texto para una
solo línea.
Estos son
simple rectángulos dentro de los cuales el usuario el usuario puede escribir lo
que desee.
<INPUT TYPE=”TEXT” NAME=”PILAR”>
Ejemplo:
<HTML>
<HEAD>
<TITLE>
Lista de empleados</TITLE>
</HEAD>
</BODY>
<HI>Gobierno del Estado</H1>
<FORM ACTION=http://yahoo.ncsa.vivc.edu/htbin.POST/POS/-Query
METHOD=”POST”>
NOMBRE: <INPUT TYPE=”TEX” NAME=”Nombre”>
<P>
RFC: <INPUT
TYPE=”TEXT” NAME=”Reg”>
</FORM>
</BODY>
Gobierno del Estado
|
|
</HTML>
Nombre:
|
|
R.
F. C.
Normalmente,
el valor del atributo ACTION se remplaza por uno que apunte a un programa que
haga algo útil con los datos.
Como establecer el valor predeterminado:
Si desea
poner texto predeterminado en el campo, inclúyalo en la etiqueta <INPUT> con el atributo VALUE.
Ejemplo:
<INPUT TYPE=”TEXT”
NAME=”Año” VALUE=”2009”>
Como establecer el
tamaño del cuadro.
Para
determinar la longitud del cuadro de
texto use el atributo SIZE de la etiqueta
<INPUT>.
Ejemplo:
<INPUT
TYPE=”TEXT” NAME=”Nombre” size=40>.
Como limitar la longitud
del texto.
Para
restringir la longitud de la entrada del cuadro de texto, use el atributo MAXLENGHT,
como en la etiqueta <INPUT>.
Ejemplo:
<INPUT TYPT=”TEXT” NAME=”Edad” MAXLENGHT=”16 años”>
Áreas
par muchas líneas de texto.
Las áreas de
texto son rectangulares que aceptan entradas de texto, pero pueden desplegar
dos o más líneas a la vez.
Ejemplo:
<TEXTAREA
NAME=”Nombre del campo” ROWS=”Filas” COLS=”Columnas”> WRAP
</TEXTAREA>.
Nombre del campo esà Es el nombre exclusivo para ese
campo.
Filaà Indica el total de líneas
desplegadas
Columnas à Indica el total de columnas
desplegadas.
WRAPà Indica que ajusta el texto en la siguiente línea, cada vez que el
usuario llega al borde derecho del área de texto.
Ejemplo: (es mejor que sobren las comillas y no
que falten)
<TEXTAREA NAME=”descripción”
ROWS=”10” COLS=”60” WRAP>
Mi página web: à http://www.oocities.org/espanol/severinoglzs/Index