1 / 18

Fernando Alonso Blázquez

Formularios en lenguaje HTML. 26 de Febrero de 2004. Fernando Alonso Blázquez. Indice. 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. Indice. Generalidades Definición en HTML Elementos

tress
Download Presentation

Fernando Alonso Blázquez

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  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 • CGI’s 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 • 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 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 • CGI’s y Servlets

  7. Definición en HTML <HTML> <HEAD><TITLE>Formulario Simple</TITLE></HEAD> <BODY> <H2>El formulario más simple</H2> <FORMname="login" action="http://www.tecnun.es/cgi-bin/ii/CGI0.exe" method="POST" target="_self"> Introduzca su nombre:&nbsp;&nbsp; <INPUT type="text" name="nombre" size="25"><BR><BR> <INPUT type="submit" value="Enviar">&nbsp;&nbsp;&nbsp; <INPUT type="reset" value="Borrar"> </FORM> </BODY> </HTML>

  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 • CGI’s 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 • 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.tecnun.es/cgi-bin/ii/CGI0.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. Indice • 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. Servidor Web basado en CGI Proceso Principal Petición al CGI-1 Proceso Hijo del CGI-1 Petición al CGI-2 Proceso Hijo del CGI-2 Petición al CGI-1 Proceso Hijo del CGI-1 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. Proceso Principal Servidor Web basado en Java Servlet Petición al Servlet-1 JVM Servlet-1 Petición al Servlet-2 Petición al Servlet-1 Thread Servlet-2 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 MUYMUYocupada. • 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

More Related