Actividad de Aprendizaje 4 Formularios

Transcripción

1 Actividad de Aprendizaje 4 Formularios Los Formularios no forman parte de PHP, sino del lenguaje estándar del web, HTML, pero como éstos van a aparecer muchas veces durante el curso, vamos a dedicar esta algunas líneas a ellos. Todo formulario comienza con la etiqueta <FORM ACTION="lo_que_sea.php" METHOD="post/get">. Con ACTION indicamos el script que va procesar la información que recogemos en el formulario, mientras que METHOD nos indica la forma en que se enviarán datos post o get. La etiqueta </FORM> indica el final del formulario. Para qué se usan los formularios? Los formularios son usados para que el usuario ingrese datos. Esos datos son enviados a un agente para que los procese (por ej., a un servidor web, a un servidor de correo, etc.). Dentro de la etiqueta <form> se encuentra el formulario. Los usuarios interaccionan con los formularios a través de las llamados controles. Tipos de controles: Botones (buttons) Casillas de verificación (checkboxes) Radiobotones (radio buttons) Menúes (menus) Entrada de texto (text input) Selección de ficheros (file select) Controles ocultos (hidden controls) Controles tipo objeto (object controls) En la etiqueta <form>, se encuentra el atributo action. Este nos especificará el documento que manejará el formulario completado y enviado. Tambien contamos con el atributo method. El mismo nos define el método por el cual se enviarán los datos del usuario al servidor. LIC. GINA HUERTAS CAMACHO 1

2 A partir de la etiqueta <FORM> vienen los campos de entrada de datos que pueden ser: La etiqueta input Nos define el registro donde el usuario puede ingresar los datos.el atributo type especifica el tipo de control a crear. Entre ellos se encuentran los siguientes valores: Text Crea un control que nos permite ingresar un texto en una línea. Nota: en este ejemplo podemos observar lo siguiente: action="datos.php" --> nos indica que el archivo datos.php es el encargado de manipular los datos que el usuario ingresó en el formulario method="get" --> nos indica que los datos del formulario se enviarán por el método get name="nombre" --> le asigna un nombre al elemento que luego puede ser usado en scripts o en hojas de estilo Botones Submit y Reset mediante <button> La etiqueta <button> permite crear botones de tipo submit o reset o botones de tipo general que deben asociarse a scripts para hacer algo. Los botones submit o reset se crean mediante el atributo type con el valor submit o reset. El botón de uso general se crea mediante el atributo type con el valor button. CÓMO CAPTURAR LOS DATOS INGRESADOS POR UN USUARIO? Para dar respuesta a esta pregunta debemos conocer antes 2 mètodos muy importantes de un formulario Mètodo Get y Método Post. INTEGRACIÓN PHP CON HTML LIC. GINA HUERTAS CAMACHO 2

3 Manejo de formularios: El PHP se vale de los formularios en HTML para su correcta ejecución, es así que PHP obtiene los datos a trabajar valiéndose de las variables de tipo $_POST[ variable ] y $_GET[ variable ]. $_POST: También conocida como variable de formulario. Este tipo de variables se utilizan sí y solo sí obtenemos información de un formulario HTML que procesa la información mediante el método POST. Imaginemos que en un formulario tenemos un campo de texto llamado nombres, entonces, al hacer clic en enviar el script PHP debe procesar el nombre y mostrarlo: En el documento prueba.php copiamos lo siguiente, dentro del body. <form id="form1" name="form1" method="post" action=""> <input name="nombres" type="text" id="nombres" /> <input type="submit" name="submit" value="enviar" /> </form> <?php //NULL representa vacio if($_post['nombres']!=null){ echo "Hola ".$_POST['nombres']; }?> $_GET: También conocida como variable URL. Este tipo de variables se utilizan sí y solo sí obtenemos información de un formulario HTML que procesa la información mediante el método GET. Imaginemos que en un formulario tenemos un campo de texto llamado nombres, entonces, al hacer clic en enviar el script PHP debe procesar el nombre y mostrarlo: En el documento prueba.php copiamos lo siguiente, dentro del body. <form id="form1" name="form1" method="post" action=""> <input name="nombres" type="text" id="nombres" /> <input type="submit" name="submit" value="enviar" /> </form> <?php //NULL representa vacio if($_get['nombres']!=null){ echo "Hola ".$_ GET['nombres']; } LIC. GINA HUERTAS CAMACHO 3

4 ?> Cuál es la diferencia entre ambos?: La diferencia es que el método POST oculta los datos enviados (el proceso no es visto por el usuario), y el método GET, muestra los datos enviados en la barra de url, ejemplo: El método POST solo se llama desde un formulario, mientras que el método GET puede ser llamado desde cualquier parte de la página, incluso un enlace. Para trabajar con formularios HTML en conjunto con PHP tenemos a disposición las variables externas (GET y POST), estos son dos métodos definidos en HTTP que hacen cosas ligeramente diferentes, pero ambos cumplen la misma función. Existen diversas formas de dar valor a variables en PHP en páginas web. Formularios, enlaces HTML y sesiones. A CONTINUACION TRATAREMOS EL PRIMER CASO Formularios La primera forma es a través de formularios. Lo habitual es usar el método POST debido a una razón que comentaremos a continuación. Los formularios en cuestión se definen de la siguiente forma: <form action= url method= post > </form> <form action= url method= get > </form> Con el parámetro method, estamos indicando la forma en la que se enviarán las variables del formulario. Si tomamos como elección GET, todas las variables se enviarán por la dirección html. Me explico, cuando recarguemos la página web al haber enviado el formulario, saldrá algo así: Es decir, las variables aparecen en la barra de direcciones! Esto, para envío de formularios, no es lo normal pues estamos mostrando todos los datos del envío y pueden ser muchísima información, alguna incluso, confidencial que el usuario no debe enterarse. Es por ello por lo que, cuando tratamos con formularios, usamos el método POST. Este método consiste, básicamente en enviar las variables de forma oculta para que nadie pueda ver los datos que ha enviado al pulsar el botón de envío de formulario. LIC. GINA HUERTAS CAMACHO 4

5 Enlaces HTML La segunda forma de enviar las variables es a través de enlaces. Aquí, lo que se hace es enviar las variables mediante el método GET. Más que nada porque cuando escribimos el enlace ya le estamos pasando las variables por la línea de dirección: <a href= index.php?estilo=4&tipo=2 mce_href= index.php?estilo=4&tipo=2 >Recargar</a> En este caso, las variables PHP estilo y tipo, se envían usando el método GET. Cuando uno pinche en la palabra recargar, accederá justamente a la dirección marcada y las dos variables aparecerán en la barra de direcciones. Sesiones Existe un tercer método de manejo de variables en PHP; las sesiones. Pero este no es el artículo donde procede hablar de ellas. En definitiva, existen dos formas de tratar las variables (las que vemos aquí) y por tanto, y es a lo que quería llegar: Dos formas de recoger el valor de dichas variables. Veámoslo en detalle. III. Recogida de valores. Problemática Tal y como se ha explicado, existen dos formas de enviar las variables: Con formularios: En este caso, lo normal es usar el método POST. Con enlaces: Se usará el método GET. El problema surge debido a que antes, los servidores recogían las variables tal cual. Ésto, produjo que muchos de nosotros nos malacostumbraramos en la recogida de variables. Me explico, si cuando uno envía un formulario, declara una variable llamada nombre, a la hora de recargar la página, se creaba automáticamente una variable PHP llamada $nombre. De esta forma, la manera de recoger el valor de la variable era bien sencillo. Esto no sucede en la actualidad. Suponiendo el mismo caso que antes, para recoger los valores de un formulario donde se ha usado el método POST se debe escribir: $nombre=$_post['nombre']; Es decir, si cogemos directamente la variable $nombre, nos encontraremos con que no vale nada. Todas las variables enviadas con el método POST se almacenan en una especie de tabla que se accede tal y como hemos comentado. Si resulta que la variable se ha enviado usando el método GET o a través de un enlace HTML, habrá que declarar lo siguiente: $nombre=$_get['nombre']; LIC. GINA HUERTAS CAMACHO 5

6 El procedimiento es similar a lo anteriormente comentado. Os puede parecer algo demasiado obvio, pero realmente puede ocasionar muchos quebraderos de cabeza si sois tan despistados como lo fui yo en su momento. EN RESUMEN métodos POST y GET GET y POST son dos métodos empleados para enviar los datos desde el navegador al servidor Web, generalmente utilizados al enviar formularios, especificados mediante la directiva METHOD. La principal diferencia entre POST y GET es que GET envía los parámetros por medio de la URL del fichero que carguemos, mientras POST lo hace oculto del usuario, lo que lo hace más seguro al, por ejemplo, enviar información de un formulario. 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. Cómo enviar un formulario mediante POST? Es tan sencillo como definir en la etiqueta del formulario el method a emplear, veamos un ejemplo: <form method= post > (para enviar mediante GET, simplemente sería method= get ) Para luego recoger esos datos desde PHP, utilizamos $_POST['nombre_del_campo']; Pongamos un ejemplo completo: LIC. GINA HUERTAS CAMACHO 6

7 RESUMEN DE ACTIVIDAD DE APRENDIZAJE 04 PRIMERA PARTE FOMRULARIOS SEMANA 04 I.COMPLETAR 1. Los formularios no forman parte de. Sino del lenguaje standard Web.. 2. Dentro de la etiqueta <..> se encuentra el formulario 3. La etiqueta < > define el registro donde el usuario puede ingresar datos. El atributo.. define el tipo de control a crear. 4. EL Boton.. envía la pagina al Servidor web para que realice el código de.. 5. Los métodos de envio del formulario son. Y y se definen dentro de la etiqueta Form mediante el atributo.. II. RELACIONAR 1. $_POST [ VARIABLE ] Es conocida como variable del formulario ( ) 2. ÁCTION Indica la forma en que se enviaron los datos del formulario ( ) 3. TYPE Indica el script que procesara la información que recogimos del formulario ( ) 4. METHOD Es conocida como variable URL ( ) 5. $_GET [ VARIABLE ] Atributo de la etiqueta input define el control( ) III. CONTESTAR LAS SIGUIENTES PREGUNTAS 1. Qué es un formulario? LIC. GINA HUERTAS CAMACHO 7

8 2. Cuál es la diferencia entre el Método Get y el Método Post 3 Explicar las diversas formas para dar valor a variables en la pagina web de php 4 Qué tipos de Controles se puede crear con la etiqueta INPUT? IV COLOCAR Verdadero (V) O Falso (F) 1. Si trabajamos con formularios es mas seguro emplear el método GET ( ) 2. Si trabajamos con enlaces se usara el método POST ( ) 3. En la etiqueta form se encuentra el atributo ACTION ( ) 4. METHOD Indica el Script del formulario ( ) 5. Post envía los datos por el URL ( ) LIC. GINA HUERTAS CAMACHO 8

9 V CODIGO IMPLEMENTAR UNA PAGINA EN PHP QUE PERMITA INGRESAR 2 NUMEROS Y LUEGO NOS PERMITA ELEGIR EN 2 BOTONES SUMA O RESTA Y NOS DE EL RESULTADO SEGÚN LA ELECCION LIC. GINA HUERTAS CAMACHO 9