Formularios Ingeniero Anyelo Quintero. FORMULARIOS Los formularios o forms en inglés, son unas...

30
Formularios Ingeniero Anyelo Quintero

Transcript of Formularios Ingeniero Anyelo Quintero. FORMULARIOS Los formularios o forms en inglés, son unas...

Page 1: Formularios Ingeniero Anyelo Quintero. FORMULARIOS Los formularios o forms en inglés, son unas páginas especiales que se utilizan para realizar transacciones.

Formularios

Ingeniero Anyelo Quintero

Page 2: Formularios Ingeniero Anyelo Quintero. FORMULARIOS Los formularios o forms en inglés, son unas páginas especiales que se utilizan para realizar transacciones.

FORMULARIOS

Los formularios o forms en inglés, son unas páginas especiales que se utilizan para realizar transacciones. En una página que contenga un formulario pueden además existir todos los elementos hasta ahora conocidos, incluso el propio formulario puede estar integrado dentro de otros elementos, como por ejemplo una tabla. Un fallo que de momento tienen los formularios es que no se pueden imprimir. Sólo aparece el texto que los acompaña, pero no sus componentes, como ventanas de texto o botones.Los formularios permiten que enviar información a otros usuarios directamente o bien a un servidor, en donde se ha instalado un programa que procese esta información.

Page 3: Formularios Ingeniero Anyelo Quintero. FORMULARIOS Los formularios o forms en inglés, son unas páginas especiales que se utilizan para realizar transacciones.

Por ejemplo, si se quiere crear una lista de correo. Los usuarios pueden introducir sus nombres y direcciones de email y pulsar un botón de envío. Esos datos se pueden recibir "en bruto" en el correo, con los que trabajaría manualmente dicha lista de correo, sin necesitar ningún programa para ello.

La otra posibilidad, es instalado en el servidor un programa especial para procesar esos datos y añadirlos a la lista de correo, y que incluso pudiera devolver automáticamente al usuario algún tipo de información. Para conseguir esto, los formularios necesitan ejecutar programas o scripts por medio del CGI (Common Gateway Interface). El CGI permite a los formularios ser procesados por programas escritos en cualquier lenguaje, aunque los más usados en Internet son el Perl y el C.

Page 4: Formularios Ingeniero Anyelo Quintero. FORMULARIOS Los formularios o forms en inglés, son unas páginas especiales que se utilizan para realizar transacciones.

¿Cómo funcionan los formularios?El formulario no es más que una página escrita en HTML como cualquier otra. Lo que la hace diferente es que permite capturar datos de varias maneras: directamente desde el teclado, escogiendo un valor de una lista desplegable o seleccionando una opción desde botones fijos o de todas ellas combinadas.Una vez terminada la captura de datos, estos forman un registro que es enviado a un servidor http que lo procesará y devolverá una respuesta. También pueden crearse formularios que simplemente abren un página en local.Hasta aquí todo se reduce a escribir HTML, pero la parte complicada viene cuando los datos capturados por el formulario llegan al servidor. Allí tiene que haber un programa especial, creado especialmente para ese formulario, que reciba esos datos y sepa qué hacer con ellos, procesarlos y confeccionar la respuesta que remitirá al visualizador. A esa respuesta se le denomina documento virtual ya que esa página no está escrita en ninguna parte; es generada, enviada y destruida.

Page 5: Formularios Ingeniero Anyelo Quintero. FORMULARIOS Los formularios o forms en inglés, son unas páginas especiales que se utilizan para realizar transacciones.

A los programas que hacen de puente entre el formulario y el servidor, se les llama programas CGI (Common Gateway Interface).Los programas CGI pueden estar escritos en cualquier lenguaje de programación que sea soportado por el sistema operativo del servidor, y pueden estar diseñados para cualquier función: desde una simple captura de datos que serán guardados en un fichero hasta la más sofisticada consulta a una base de datos.

Page 6: Formularios Ingeniero Anyelo Quintero. FORMULARIOS Los formularios o forms en inglés, son unas páginas especiales que se utilizan para realizar transacciones.

¿Cómo se escriben los formularios?

La base del formulario es el elemento lleno <FORM>, es el que define una zona de la página como formulario.En una página puede haber varias zonas definidas como formulario. Dentro de este elemento a su vez se utilizan otros elementos, que son los que realmente dibujan en pantalla los componentes del formulario, son:

<INPUT>•Campos de entrada por teclado.•Botones de selección.(Botones de radio)•Casillas de marca.(Casillas de verificación)•Botones de proceso.•Botones de inicialización (reset).•Imágenes sensibles al ratón.

Page 7: Formularios Ingeniero Anyelo Quintero. FORMULARIOS Los formularios o forms en inglés, son unas páginas especiales que se utilizan para realizar transacciones.

<SELECT>• Listas desplegables de valores.• Listas fijas de valores. <TEXTAREA>• Ventanas de escritura libre.

Estructura de un formularioLa estructura general de un formulario es:

1. Etiqueta de inicio:<FORM ACTION="mailto:dirección_de_email" METHOD="POST"ENCTYPE="TEXT/PLAIN">2. Cuerpo del formulario, con los distintos elementos para poder introducir los datos.

Page 8: Formularios Ingeniero Anyelo Quintero. FORMULARIOS Los formularios o forms en inglés, son unas páginas especiales que se utilizan para realizar transacciones.

3. Botones de envío y de borrado.4. Etiqueta de cierre </FORM>

Este sería el más elemental de los formularios, con sólo un campo y un botón de envío:

<FORM METHOD="POST" ACTION="http://mecaniza.sestud.uv.es/cgi-bin/test2-cgi"><INPUT NAME="campo1"><INPUT TYPE="submit" VALUE="Procesar"></FORM>

Page 9: Formularios Ingeniero Anyelo Quintero. FORMULARIOS Los formularios o forms en inglés, son unas páginas especiales que se utilizan para realizar transacciones.

En la primera línea el elemento de definición de formulario: <FORM>. Va acompañado de dos atributos:METHOD y ACTION.METHOD se refiere al método que se emplea para enviar los datos al servidor, y pueden ser dos: POST y GET. El optar por uno u otro obedece a complejas cuestiones de programación basadas en la máxima longitud de registro que puede enviarse; cada uno usa un canal de salida distinto. El que soporta más longitud es POST.

Page 10: Formularios Ingeniero Anyelo Quintero. FORMULARIOS Los formularios o forms en inglés, son unas páginas especiales que se utilizan para realizar transacciones.
Page 11: Formularios Ingeniero Anyelo Quintero. FORMULARIOS Los formularios o forms en inglés, son unas páginas especiales que se utilizan para realizar transacciones.

Envío y recepción de datosEl lenguaje PHP proporciona una manera sencilla de manejar formularios, permitiéndo de esta manera procesar la información que el usuario ha introducido.Al diseñar un formulario se debe indicar la página PHP que procesará el formulario, así como en método por el que se le pasará la información a la página.

Page 12: Formularios Ingeniero Anyelo Quintero. FORMULARIOS Los formularios o forms en inglés, son unas páginas especiales que se utilizan para realizar transacciones.

Al pulsar el botón Enviar el contenido de cuadro de texto es enviado a la página que se indica con el atributo ACTION de la etiqueta FORM.En versiones anteriores a 4.2.0 PHP creaba una variable por cada elemento del FORM, esta variable creada tenía el mismo nombre que el cuadro de texto de la página anterior y el valor que se había introducido. Pero por razones de seguridad a partir de entonces para acceder a las variables del formulario hay que usar el array de parámetros $_POST[] o $_GET[] dependiendo del método usado para enviar los parámetros.En este ejemplo se ha creado una entrada en el array $_GET[] con el índice 'nombre' y con el valor que haya introducido el navegante.

Page 13: Formularios Ingeniero Anyelo Quintero. FORMULARIOS Los formularios o forms en inglés, son unas páginas especiales que se utilizan para realizar transacciones.
Page 14: Formularios Ingeniero Anyelo Quintero. FORMULARIOS Los formularios o forms en inglés, son unas páginas especiales que se utilizan para realizar transacciones.

Method GET y POSTEn la página anterior hemos comentado que los datos de un formulario se envía mediante el método indicado en el atributo METHOD de la etiqueta FORM, los dos métodos posibles son GET y POST.La diferencia entre estos dos métodos radica en la forma de enviar los datos a la página, mientras que el método GET envía los datos usando la URL, el método POST los envía por la entrada estándar STDIO.

Page 15: Formularios Ingeniero Anyelo Quintero. FORMULARIOS Los formularios o forms en inglés, son unas páginas especiales que se utilizan para realizar transacciones.
Page 16: Formularios Ingeniero Anyelo Quintero. FORMULARIOS Los formularios o forms en inglés, son unas páginas especiales que se utilizan para realizar transacciones.
Page 17: Formularios Ingeniero Anyelo Quintero. FORMULARIOS Los formularios o forms en inglés, son unas páginas especiales que se utilizan para realizar transacciones.

Enviar información por correo electrónico

Page 18: Formularios Ingeniero Anyelo Quintero. FORMULARIOS Los formularios o forms en inglés, son unas páginas especiales que se utilizan para realizar transacciones.
Page 19: Formularios Ingeniero Anyelo Quintero. FORMULARIOS Los formularios o forms en inglés, son unas páginas especiales que se utilizan para realizar transacciones.
Page 20: Formularios Ingeniero Anyelo Quintero. FORMULARIOS Los formularios o forms en inglés, son unas páginas especiales que se utilizan para realizar transacciones.
Page 21: Formularios Ingeniero Anyelo Quintero. FORMULARIOS Los formularios o forms en inglés, son unas páginas especiales que se utilizan para realizar transacciones.
Page 22: Formularios Ingeniero Anyelo Quintero. FORMULARIOS Los formularios o forms en inglés, son unas páginas especiales que se utilizan para realizar transacciones.
Page 23: Formularios Ingeniero Anyelo Quintero. FORMULARIOS Los formularios o forms en inglés, son unas páginas especiales que se utilizan para realizar transacciones.
Page 24: Formularios Ingeniero Anyelo Quintero. FORMULARIOS Los formularios o forms en inglés, son unas páginas especiales que se utilizan para realizar transacciones.
Page 25: Formularios Ingeniero Anyelo Quintero. FORMULARIOS Los formularios o forms en inglés, son unas páginas especiales que se utilizan para realizar transacciones.
Page 26: Formularios Ingeniero Anyelo Quintero. FORMULARIOS Los formularios o forms en inglés, son unas páginas especiales que se utilizan para realizar transacciones.
Page 27: Formularios Ingeniero Anyelo Quintero. FORMULARIOS Los formularios o forms en inglés, son unas páginas especiales que se utilizan para realizar transacciones.
Page 28: Formularios Ingeniero Anyelo Quintero. FORMULARIOS Los formularios o forms en inglés, son unas páginas especiales que se utilizan para realizar transacciones.
Page 29: Formularios Ingeniero Anyelo Quintero. FORMULARIOS Los formularios o forms en inglés, son unas páginas especiales que se utilizan para realizar transacciones.
Page 30: Formularios Ingeniero Anyelo Quintero. FORMULARIOS Los formularios o forms en inglés, son unas páginas especiales que se utilizan para realizar transacciones.