Formularios en lenguaje HTML 7 de Abril de 2006. Índice Generalidades Definición en HTML Elementos Formas de envío: métodos GET y POST Recepción y tratamiento.

Presentación del tema: "Formularios en lenguaje HTML 7 de Abril de 2006. Índice Generalidades Definición en HTML Elementos Formas de envío: métodos GET y POST Recepción y tratamiento."— Transcripción de la presentación:

1 Formularios en lenguaje HTML 7 de Abril de 2006

2 Índice Generalidades Definición en HTML Elementos Formas de envío: métodos GET y POST Recepción y tratamiento de la información –CGI’s y Servlets

3 Índice Generalidades Definición en HTML Elementos Formas de envío: métodos GET y POST Recepción y tratamiento de la información –CGI’s 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 Cliente Servidor Respuesta HTML QUERY STRING Servidor HTTP CGI ( Common Gateway Interface ) BASE DE DATOS QUERY STRING Respuesta HTML

6 Índice Generalidades Definición en HTML Elementos Formas de envío: métodos GET y POST Recepción y tratamiento de la información –CGI’s y Servlets

7 Definición en HTML Formulario Simple El formulario más simple <FORM name="login" action="http://www.ehu.es/cgi-bin/CGI0.exe" method="POST" target="_self"> Introduzca su nombre:

8 Índice Generalidades Definición en HTML Elementos Formas de envío: métodos GET y POST Recepción y tratamiento de la información –CGI’s y Servlets

9 Elementos Cajas de texto Botones Casillas de verificación Botones de radio Ventanas de selección simple Ventanas de selección múltiple Normal Password Multi-linea Hidden Submit Reset Genérico Desplegables De Scroll EjemploCajasTextoyBotones EjemploCasillasyBotonesRadio EjemploVentanas

10 Índice Generalidades Definición en HTML Elementos Formas de envío: métodos GET y POST Recepción y tratamiento de la información –CGI’s 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.vc.ehu.es/jiwotvim/IngenieriaSoftware/Herramientas/cedt370r.exe ?nombre1= valor1&nombre2=valor2

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 Índice Generalidades Definición en HTML Elementos Formas de envío: métodos GET y POST Recepción y tratamiento de la información –CGI’s 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 Proceso Principal Petición al CGI-2 Petición al CGI-1 Proceso Hijo del CGI-1 Proceso Hijo del CGI-2 Proceso Hijo del CGI-1 Servidor Web basado en CGI

16 Java Servlets Misma finalidad que los CGIs Programados en Java Más sencillos de desarrollar Ventajas de rendimiento en el servidor Petición al Servlet-2 Petición al Servlet-1 Proceso Principal JVM Servlet-1 Servlet-2 Thread Servidor Web basado en Java Servlet