Fernando Alonso Bl

1
Formularios en lenguaje HTML
26 de Febrero de 2004
Fernando Alonso Blázquez
2
Indice

• Generalidades
• Definición en HTML
• Elementos
• Formas de envío métodos GET y POST
• Recepción y tratamiento de la información
• CGIs y Servlets

3
Indice

• Generalidades
• Definición en HTML
• Elementos
• Formas de envío métodos GET y POST
• Recepción y tratamiento de la información
• CGIs y Servlets

4
Generalidades

• Hipertexto
• Cierta interactividad mediante la solicitud de
  distintos contenidos
• Formularios
• Posibilidad de que el usuario envíe datos al
  servidor (datos personales, sugerencias, ...)
• Estructura
• Elementos de entrada de datos
• Botón de envío (Submit)
• Método de envío de datos
• Acción que el servidor debe emprender cuando
  reciba los datos

5
Generalidades
CGI (Common Gateway Interface)
Servidor HTTP
Respuesta HTML
QUERY STRING
BASE DE DATOS
QUERY STRING
Respuesta HTML
Cliente
Servidor
6
Indice

• Generalidades
• Definición en HTML
• Elementos
• Formas de envío métodos GET y POST
• Recepción y tratamiento de la información
• CGIs y Servlets

7
Definición en HTML
ltHTMLgt ltHEADgtltTITLEgtFormulario
Simplelt/TITLEgtlt/HEADgt ltBODYgt ltH2gtEl
formulario más simplelt/H2gt ltFORM name"login"
action"http//www.tecnun.es/cgi-bin/ii/CGI0.exe"
method"POST" target"_self"gt
Introduzca su nombrenbspnbsp ltINPUT
type"text" name"nombre" size"25"gtltBRgtltBRgt
ltINPUT type"submit" value"Enviar"gtnbspnbsp
nbsp ltINPUT type"reset" value"Borrar"gt
lt/FORMgt lt/BODYgt lt/HTMLgt
8
Indice

• Generalidades
• Definición en HTML
• Elementos
• Formas de envío métodos GET y POST
• Recepción y tratamiento de la información
• CGIs y Servlets

9
Elementos

• Normal
• Password
• Multi-linea
• Hidden

• Cajas de texto
• Botones
• Casillas de verificación
• Botones de radio
• Ventanas de selección simple
• Ventanas de selección múltiple

• Submit
• Reset
• Genérico

Ejemplos
Ejemplos

• Desplegables
• De Scroll

Ejemplos
10
Indice

• Generalidades
• Definición en HTML
• Elementos
• Formas de envío métodos GET y POST
• Recepción y tratamiento de la información
• CGIs y Servlets

11
Formas de envío

• Métodos más usados GET y POST
• GET
• Designado para obtener información (un documento,
  un gráfico o el resultado de la consulta a una
  BD)
• Usado al escribir una URL en el navegador
• Usado cuando se clica en un hiperlink
• POST
• Designado para enviar información (un nº de
  tarjeta de crédito, nuevos datos o información
  para guardar en una BD)
• Cualquiera de los dos puede usarse cuando se
  envía un formulario HTML

12
Método GET

• Puede incluir parámetros en el URL
• Secuencia de caracteres añadida a la URL
• QUERY STRING
• No es muy seguro, ya que los datos viajan junto a
  la dirección y son vistos por todo el mundo en la
  barra de direcciones
• El tamaño de la información enviada estará
  limitada
• La URL puede ser guardada o enviada por e-mail

http//www.tecnun.es/cgi-bin/ii/CGI0.exe?nombre1v
alor1nombre2valor2
13
Método POST

• Técnica diferente de envío de información
• En algunos casos se necesita enviar Mb
• Características
• A través de una conexión socket
• Datos como parte del cuerpo de la petición HTTP
• Longitud ilimitada
• El intercambio es invisible para el cliente
• La URL no cambia en absoluto
• La petición no puede ser guardada ni enviada por
  e-mail e incluso no puede ser refrescada
• Ofrece un extra de seguridad puesto que el
  access log del servidor que guarda las URLs no
  guarda los datos enviados mediante POST.

14
Indice

• Generalidades
• Definición en HTML
• Elementos
• Formas de envío métodos GET y POST
• Recepción y tratamiento de la información
• CGIs y Servlets

15
Common Gateway Interface (CGI)

• Servidor Web pasa la petición a un programa
  externo
• La salida de este programa se envía al cliente,
  en lugar de un archivo estático
• Permite la creación de páginas dinámicas
• Puede programarse en cualquier lenguaje

Ejemplos
16
Java Servlets

• Misma finalidad que los CGIs
• Programados en Java
• Más sencillos de desarrollar
• Ventajas de rendimiento en el servidor

17
Para finalizar...

• Repetimos, ante cualquier duda
• Página Web de la Asignatura
• http//www.tecnun.es/Asignaturas/Informat3/pagina_
  8.html
• Profesor de la Asignatura
• Persona simpática pero MUY MUY ocupada.
• Sólo en caso extremo de absoluta incomprensión de
  la especificación HTML.

18
Formularios en lenguaje HTML
26 de Febrero de 2004
Fernando Alonso Blázquez