La descarga está en progreso. Por favor, espere

La descarga está en progreso. Por favor, espere

Ingeniero Anyelo Quintero

Presentaciones similares


Presentación del tema: "Ingeniero Anyelo Quintero"— Transcripción de la presentación:

1 Ingeniero Anyelo Quintero
Formularios Ingeniero Anyelo Quintero

2 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.

3 Por ejemplo, si se quiere crear una lista de correo
Por ejemplo, si se quiere crear una lista de correo. Los usuarios pueden introducir sus nombres y direcciones de 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.

4 ¿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.

5 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.

6 ¿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.

7 <SELECT> Listas desplegables de valores. Listas fijas de valores. <TEXTAREA> Ventanas de escritura libre. Estructura de un formulario La estructura general de un formulario es: 1. Etiqueta de inicio: <FORM ACTION="mailto:dirección_de_ " METHOD="POST" ENCTYPE="TEXT/PLAIN"> 2. Cuerpo del formulario, con los distintos elementos para poder introducir los datos.

8 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=" <INPUT NAME="campo1"> <INPUT TYPE="submit" VALUE="Procesar"></FORM>

9 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.

10

11 Envío y recepción de datos
El 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.

12 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 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.

13

14 Method GET y POST En 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.

15

16

17 Enviar información por correo electrónico

18

19

20

21

22

23

24

25

26

27

28

29

30


Descargar ppt "Ingeniero Anyelo Quintero"

Presentaciones similares


Anuncios Google