Elaboración de formularios.

Programación de Formularios

Filosofía general

  • Un formulario Web puede requerir información a quién la está navegando.
  • Luego de completar la información, el usuario la envía a un script CGI donde se procesará dicha información.
  • El navegador determina que la página es de tipo formulario cuando encuentra las etiquetas <FORM> ... </FORM>.
  • Esta etiqueta tiene un atributo ACTION donde se indica la URL del script a ejecutar con los datos ingresados.
  • Los datos ingresados se concatenan con esta URL y se envían al servidor.

Ejemplo

Un formulario sencillo que solicita un string de hasta 20 lugares y lo envía a un script.

FormularioDocumento HTML
<FORM ACTION="/cgi-bin/procesar">
<INPUT TYPE="text" NAME="nombre"
   SIZE=20 VALUE="Su nombre">
</FORM>
  • Pauta: Escriba su nombre en la ventana de diálogo, presione ENTER y observe la URL que se genera en la barra del navegador.
  • Los demás formularios que aparecen en esta página también son interactivos.
  • En muchos navegadores es posible visualizar los datos transmitidos al script. HTML produce los siguientes cambios en los caracteres para evitar errores de interpretación:

CaracterEnvia al scriptCaracterEnvia al script
espacio+%%25
=%3D&%38
LineFeed%0ARetorno%0D
Es importante observar que estos datos son enviados al servidor por una red que transita varios nodos, y que por lo tanto puede ser monitoreada accidental o intencionadamente. Por dicha razón se desaconseja el envío de datos importantes (número PIN, tarjeta de crédito, etc., hasta tanto los medios de seguridad sean confiables.

Atributos de la etiqueta <INPUT>


TYPEEl tipo de parámetro a recibir.
NAMEEl nombre del parámetro a recibir.
VALUEEl valor del parámetro.
SIZEEl ancho del área de ingreso de datos.
Existen diversas maneras de solicitar información con formularios. Los valores posibles del atributo TYPE de <INPUT> incluyen
  1. botones (BUTTON)
  2. botones de radio (RADIO)
  3. multiple-choice (CHECKBOX)
  4. menúes descolgables (SELECT)
  5. muchos otros, cuya lista sigue creciendo.

FormularioEtiquetas requeridas
Lenguajes que Ud. utiliza
Pascal
Prolog
COBOL
Ada

<FORM ACTION="/cgi-bin/datos">
Lenguajes que Ud. utiliza
<INPUT TYPE="checkbox" CHECKED
   NAME="utiliza" VALUE="Pascal">Pascal
<INPUT TYPE="checkbox" CHECKED
   NAME="utiliza" VALUE="Prolog">Prolog
<INPUT TYPE="checkbox"        
   NAME="utiliza" VALUE="COBOL">COBOL
<INPUT TYPE="checkbox"        
   NAME="utiliza" VALUE="Ada">Ada
<INPUT TYPE="submit"          
   NAME="boton"   VALUE="Enviar">
</FORM>

FormularioEtiquetas requeridas
Lugar de residencia.
B. Blanca
Nqn.
Viedma
Nativo

<FORM ACTION="/cgi-bin/residencia">
<FONT SIZE=+1>Lugar de residencia.
<INPUT TYPE="radio" CHECKED
 NAME="residencia" VALUE="B. Blanca">B. Blanca
<INPUT TYPE="radio"
 NAME="residencia" VALUE="Nqn.">Nqn.
<INPUT TYPE="radio"
 NAME="residencia" VALUE="Viedma">Viedma
<INPUT TYPE="checkbox" CHECKED
 NAME="nativo" VALUE="si">Nativo
<INPUT TYPE="submit"
 NAME="boton" VALUE="Enviar">
</FORM>


Página anterior (Programación de Scripts CGI).

Continuar (Mapas de Imágenes).

No hay comentarios.:

Publicar un comentario

Suscribirse a: Entradas (Atom)