Formularios La mayor parte de los elementos HTML de que disponemos permite al visitante visualizar los contenidos de un sitio, pero no interactuar con.

Presentación del tema: "Formularios La mayor parte de los elementos HTML de que disponemos permite al visitante visualizar los contenidos de un sitio, pero no interactuar con."— Transcripción de la presentación:

1 Formularios La mayor parte de los elementos HTML de que disponemos permite al visitante visualizar los contenidos de un sitio, pero no interactuar con él. Dicho de otro modo, la relación usuario/página es unidireccional y estática. Con los formularios, por el contrario, el usuario puede interactuar con el sitio enviando sus comentarios, haciendo peticiones sin necesidad de escribir mensajes por correo electrónico, firmando en el libro de visitas, contestando a encuestas y sondeos, etc. Todo ello define una relación bidireccional, que es posible sólo gracias a la intervención de programas residentes en servidores WWW: se trata de los denominados CGI o Common Gateway Interface (Interfaz Común de Pasarela).

2 Formularios II Los CGI hacen posible lo que no podría hacerse si se actuara desde el lado del cliente. Es decir, la gestión de los formularios depende, en realidad, más del servidor que de la programación HTML. Para que un formulario HTML funcione es necesario disponer de un CGI residente en el propio servidor o en otro sitio.

3 Etiquetas … Esta etiqueta abre y cierra el formulario y recoge el contenido de la misma, que puede variar según una serie de etiquetas que veremos más adelante. No es posible insertar un formulario dentro de otro. Dicho de otro modo, en los formularios no se permiten anidamientos.

4 Métodos GET/POST La sintaxis usual, es la siguiente: Si method utiliza GET, los datos se envían al servidor y se separan en dos variables. Para este método el número máximo de caracteres que puede contener el formulario es de 255. Utilizando "method=post", el script CGI recibe directamente los datos sin un proceso previo de descodificación. Esta característica hace que el script pueda leer una cantidad ilimitada de caracteres.

5 Formularios Una vez impostada la primera marca de la plantilla, es posible, siempre y cuando el script CGI lo permita, crear algunos elementos que resultan de gran utilidad para una adecuada gestión de los datos: Este código determina el asunto (subject) del mensaje que recibirás por correo electrónico con el contenido del formulario. Es muy útil que los mensajes recibidos lleven especificado el asunto, no sólo para quienes usan filtros de selección del correo, sino también para ordenar la correspondencia.

6 Formularios Este código es muy útil ya que, una vez rellenado y enviado correctamente, el formulario responde con una página HTML sucesiva, dentro de la cual es posible incluir cualquier tipo de comentario. Lo más normal es visualizar una página de confirmación "Tu formulario ha sido enviado correctamente", pero se puede también mandar directamente a la portada del sitio. Se trata de comandos no estándar que varían según el CGI utilizado.

7 Etiqueta La marca de base para la definición de los elementos de un formulario es, que se utiliza para agregar botones, menús de selección, contraseñas, etc. A se le pueden asignar los 8 valores que analizamos a continuación.

8 Este valor crea los típicos campos de texto, en los que generalmente se solicitan datos tales como el nombre o la dirección de correo electrónico. TEXT tiene tres atributos opcionales: maxlength (el número máximo de caracteres que puede ser introducido en el campo y que no es posible superar), size (la anchura de la cadena dentro de la página) y value (visualiza un texto por defecto dentro de la cadena).

9 Este campo de texto funciona como el anterior, pero con una pequeña diferencia que su propio nombre indica: cuando se escribe dentro del cuadro de texto, no se ven los caracteres sino los clásicos asteriscos de las contraseñas. En realidad, los datos no se codifican de ningún modo por lo que esta marca no consigue eliminar la inseguridad de fondo.

10 Este atributo se utiliza para representar datos de tipo "sí/no" y "verdadero/falso". Crea pequeñas casillas cuadradas que hay que marcar o dejar en blanco. Si la casilla está marcada, INPUT restituye un valor al CGI; en caso contrario, no restituye ningún valor. Value impostado en "sí" significa que por defecto la casilla está marcada. Checked controla el estado inicial de la casilla, en el momento de cargar la página.

11 Este atributo tiene funciones similares al visto anteriormente, pero contiene más posibilidades de selección. Seleccionando una de las presentes, y siempre y cuando tengan todas un valor "name" idéntico, las restantes se deseleccionan automáticamente.

12 El clásico botón de envío que remite el formulario con todo su contenido. La dimensión del botón depende de la longitud del texto.

13 Botón que vuelve a impostar todo el formulario eliminando los datos introducidos.

14 TEXTAREA se utiliza para introducir comentarios o campos que prevén muchas líneas de texto. La anchura se imposta con "cols" y la altura con "rows". WRAP="physical" establece que, en el caso de que el texto introducido supere la anchura de la ventana, salte de línea automáticamente.

15 Bueno Suficiente Excelente SELECT es un elemento que permite la creación de listas con varias posibilidades de selección. En nuestro ejemplo, hemos solicitado una calificación sobre un sitio web..