Unidad Didáctica 2 GENERACIÓN DE DOCUMENTOS WEB CON GUIONES DE SERVIDOR

Tamaño: px

Comenzar la demostración a partir de la página:

Download "Unidad Didáctica 2 GENERACIÓN DE DOCUMENTOS WEB CON GUIONES DE SERVIDOR"

Víctor Manuel Mendoza Robles
hace 8 años
Vistas:

1 Unidad Didáctica 2 GENERACIÓN DE DOCUMENTOS WEB CON GUIONES DE SERVIDOR 2.4 FORMULARIOS 18/10/2014 Taboada León IES San Sebastián Huelva 1

2 Formularios (I) Los formularios permiten al usuario introducir información y, por lo tanto, interactuar con el sitio. Un formulario HTML se define entre las etiquetas <form> y </form>. <form [action="url_de_procesamiento ][method="get" "POST ][ id="identificador_formulario ][target="destino ]>... </form> 18/10/2014 Taboada León IES San Sebastián Huelva

Un formulario HTML se define entre las etiquetas <form> y </form>.

3 Formularios (II) Parámetro Action Method Id Target Descripción URL relativa o absoluta (Uniform Resource Locator) que procesará el formulario, en nuestro caso, un script PHP. Este atributo es obligatorio para cumplir con la estricta recomendación XHTML. Modo de transmisión al servidor de la información introducida en el formulario. GET (valor predeterminado): los datos del formulario se transmiten en la URL. POST: los datos del formulario se transmiten en el cuerpo de la consulta. Identificador del formulario. Si la página HTML contiene varios formularios, el identificador permite diferenciarlos. En nuestro caso, este identificador no tiene ningún valor porque no se recupera en el script de procesamiento del formulario. Por contra, se puede utilizar del lado del cliente, en JavaScript, por ejemplo. Destino (por ejemplo, otra ventana) en el que se abrirá la dirección URL de destino. 18/10/2014 Taboada León IES San Sebastián Huelva

GET (valor predeterminado): los datos del formulario se transmiten en la URL. POST: los datos del formulario se transmiten en el cuerpo de la consulta. Identificador del formulario.

4 Recuperar datos de un formulario (I) Fichero uno.php <html> <body> <form action= dos.php method= post > Su nombre: <input type= text name= nombre > Su edad: <input type= text name= edad > <input type= submit value= aceptar > </form> </body> </html> Fichero dos.php <html> <body> <?php $nombre=(isset($_post[ nombre ]))?htmlspecialchars($_post[ nombre ]): ; $edad=(isset($_post[ edad ]))?(int)$_post[ edad ]: ; print ( Hola: $nombre ) print ( su edad es: $edad ); </body> </html> 18/10/2014 Taboada León IES San Sebastián Huelva

aceptar > </form> </body> </html> Fichero dos.php <html> <body> <?php $nombre=(isset($_post[ nombre ]))?

5 Recuperar datos de un formulario(ii) Todos los campos del formulario se almacenan en una matriz asociativa $_POST o $_GET según el valor de method Ejemplo: $_POST[ nombre ] La clave de la matriz es igual al nombre del campo en el formulario (atributo name de la etiqueta <input>, <select> o <textarea>) y el valor igual al valor introducido en el campo. Ejemplo: <input type= text name= nombre > Esta información también está disponible en la matriz asociativa $_REQUEST que agrupa el contenido de las matrices $_GET y $_POST 5

etiqueta <input>, <select> o <textarea>) y el valor igual al valor introducido en el campo.

6 Recuperar datos de un formulario(iii) La función isset( ) Esta función nos permite comprobar si una variable se ha definido y en ese caso devuelve un True. La sintaxis es isset($variable) Ejemplo: if (isset($_post[ nombre ])){ } Muy útil para comprobar si se han rellenado los campos de un formulario IES San Sebastián Huelva

$La sintaxis es isset($variable) Ejemplo: if (isset($_post[ nombre ])){ } Muy útil$

7 Acceso a formularios desde PHP (V) Acceso a los diferentes tipos de elementos de entrada de formulario Elementos de tipo INPUT TEXT RADIO CHECKBOX BUTTON FILE HIDDEN PASSWORD SUBMIT Elemento SELECT Simple / múltiple Elemento TEXTAREA 7

tipo INPUT TEXT RADIO CHECKBOX BUTTON FILE HIDDEN PASSWORD

8 Acceso a formularios desde PHP (VI) TEXT Introduzca la cadena a buscar: <INPUT TYPE="text" NAME="cadena" VALUE="valor por defecto" SIZE="20"> <?PHP $cadena=(isset($_post[ cadena ]))?$_POST[ cadena ]: ; print ($cadena); 8

9 Acceso a formularios desde PHP (VII) RADIO Sexo: <INPUT TYPE="radio" NAME= sexo" VALUE= M CHECKED>Mujer <INPUT TYPE="radio" NAME= sexo" VALUE= H">Hombre <?PHP $sexo = isset($_post[ sexo ]))?$_POST[ sexo ]: ; print ($sexo); 9

10 Acceso a formularios desde PHP (VIII) checkbox <input type="checkbox" name="pc" value="pc" checked="checked"> <input type="checkbox" name="portatil" value="portatil"> <input type="checkbox" name="dvd" value="dvd"></p> <?PHP echo "El material informático que tengo es:","<br>"; "<br>"; echo $_REQUEST ['pc'],"<br>"; echo $_REQUEST['portatil'],"<br>"; echo $_REQUEST['DVD'],"<br>"; 10

type="checkbox" name="dvd" value="dvd"></p> <?

11 Acceso a formularios desde PHP (IX) BUTTON <INPUT TYPE="button" NAME= actualizar" VALUE="Actualizar datos"> <?PHP if (isset($_post[ actualizar ])) print ("Se han actualizado los datos"); 11

12 Acceso a formularios desde PHP (X) FILE <FORM ACTION="procesa.php" METHOD="post ENCTYPE="multipart/form-data"> <INPUT TYPE="file" NAME="fichero"> </FORM> 12

13 Acceso a formularios desde PHP (XI) HIDDEN <?PHP print( <INPUT TYPE= hidden NAME= username VALUE= $usuario >\n ); <?PHP $username = isset($_post[ username ]))?$_POST[ username ]: ; print ($username); 13

$VALUE= $usuario >\n ); <?$

14 Acceso a formularios desde PHP (XII) PASSWORD Contraseña: <INPUT TYPE="password" NAME="clave"> <?PHP $clave = isset($_post[ clave ]))?$_POST[ clave ]: ; print ($clave); 14

15 Acceso a formularios desde PHP (XIII) SUBMIT <INPUT TYPE="submit" NAME="enviar" VALUE="Enviar datos"> <?PHP if (isset($_post[ enviar ])) print ("Se han enviado los datos"); 15

16 Acceso a formularios desde PHP (XIV) SELECT simple Color: <SELECT NAME= color"> <OPTION VALUE= rojo" SELECTED>Rojo <OPTION VALUE= verde">verde <OPTION VALUE= azul">azul </SELECT> <?PHP $color = $_REQUEST[ color ]; print ($color); 16

<OPTION VALUE= verde">verde <OPTION VALUE= azul">azul

17 Acceso a formularios desde PHP (XV) SELECT múltiple Idiomas: <SELECT MULTIPLE SIZE="3" NAME="idiomas[]"> <OPTION VALUE="ingles" SELECTED>Inglés <OPTION VALUE="frances">Francés <OPTION VALUE="aleman">Alemán <OPTION VALUE="holandes">Holandés </SELECT> <?PHP $idiomas = $_REQUEST[ idiomas ]; foreach ($idiomas as $idioma) print ( $idioma<br>\n ); 17

VALUE="frances">Francés <OPTION VALUE="aleman">Alemán <OPTION

18 Acceso a formularios desde PHP (XVI) TEXTAREA Comentario: <TEXTAREA COLS= 50" ROWS= 4" NAME="comentario"> Este libro me parece... </TEXTAREA> <?PHP $comentario = $_REQUEST[ comentario ]; print ($comentario); 18

19 Valoración en el propio documento (I) <form action= formulario.php method="post"> <input type="text" name="nombre" /> <input type="submit" name="enviar" /> </form> <?php if (isset($nombre) && $nombre!="") { echo "Hola $nombre";} else { if (isset($enviar)) { echo "Rellena los campos";} } IES San Sebastián Huelva

name="enviar" /> </form> <?php if (isset($nombre) && $nombre!

20 Valoración en el propio documento (II) <?php $form_apellido = (isset($_post[ apellido ]))?$_POST[ apellido ]: ; $form_nombre = (isset($_post[ nombre ]))?$_POST[ nombre ]: <!DOCTYPE html > <html > <head> <title>entrada</title> </head> <body> <form action="entrada.php" method="post"> <div> Apellidos: <input type="text" name="apellido" value="<?php echo $form_apellido " /><br/> Nombre: <input type="text" name="nombre" value="<?php echo $form_nombre " /><br/> <input type="submit" name="ok" value="ok" /> </div> </form> </body> 18/10/2014 Taboada León IES San Sebastián Huelva

DOCTYPE html > <html > <head> <title>entrada</title> </head> <body> <form action="entrada.

21 Actividades sobre formularios Realiza las actividades formulario1 al formulario7 del cuadernoactividadesformulariophp IES San Sebastián Huelva

La seguridad en los envíos de datos El riesgo de que la información sea interceptada durante el proceso de transmisión desde el cliente hasta el Servidor El riesgo de daños en los contenidos de

22 La seguridad en los envíos de datos El riesgo de que la información sea interceptada durante el proceso de transmisión desde el cliente hasta el Servidor El riesgo de daños en los contenidos de nuestro espacio de servidor: El código de cualquier formulario estará accesible sólo con ir a la opción Ver código fuente y allí estarán de nuevo todos los datos: nombre del script, nombres de las variables, etcétera, con lo que, cualquier usuario y desde cualquier sitio, puede acceder a ese script. Reducir, este tipo de riesgos: 1. Restringir a usuarios autorizados el uso de algunos subdirectorios 2. Almacenar datos importantes fuera del directorio root del servidor 3. El uso de algunas de las variables predefinidas como elementos de protección 18/10/2014 Taboada León IES San Sebastián Huelva

ENVIAR UN E-MAIL I El primer argumento para esta función es el destinatario, el segundo especifica el tema del mensaje y el tercero debe contener el cuerpo del mensaje.

23 ENVIAR UN I El primer argumento para esta función es el destinatario, el segundo especifica el tema del mensaje y el tercero debe contener el cuerpo del mensaje. Para enviar un mensaje, podríamos utilizar el siguiente script: <?php $to = a-serv@unsl.edu.ar"; $subject = Novedades!"; $body = "Hi,\n\nComienzo de clases"; if (mail($to, $subject, $body)) { echo("<p>message successfully sent!</p>"); } else { echo("<p>message delivery failed...</p>"); } 18/10/2014 Taboada León IES San Sebastián Huelva

ENVIAR UN E-MAIL II <form action="mailto: gfuentes@unsl.edu.

24 ENVIAR UN II <form action="mailto: method=post> Tu Nombre: <input type=text name=nombre size=30> Tu Password: <input type=password name=clave size=8><p> Archivos a enviar: <input type=checkbox name=archivo value="manual de HTML"> Manual de HTML <input type=checkbox name=archivo value="manual de PHP"> Manual de PHP<p> Tu edad<p> <input type=radio name=edad value="-20">menos de 20 años<p> <input type=radio name=edad value="20-40">entre 20 y 40 años<p> <input type=radio name=edad value="+40">mas de 40 años<p> <input type=hidden name=lugar value="pagina personal"> Como encontraste mi página: <select name=donde> <option> De casualidad <option> Por el buscador Google <option> Por el buscador Yahoo <option> Me la comentaron </select><p> Tus Comentarios:<br> <textarea name=comentario rows=5 cols=40 wrap=virtual></textarea><p> <input type=submit value="enviar"> <input type=reset value="borrar"> </form> 18/10/2014 Taboada León IES San Sebastián Huelva

25 ENVIAR UN 18/10/2014 Taboada León IES San Sebastián Huelva

26 2.4 FORMULARIOS FIN DE LA PRESENTACIÓN Gracias 18/10/2014 Taboada León IES San Sebastián Huelva 26

Documentos relacionados

Desarrollo de sitios web con PHP y MySQL

Desarrollo de sitios web con PHP y MySQL Tema 3: Formularios José Mariano González Romano mariano@lsi.us.es Tema 3: Formularios 1. Acceso a formularios HTML desde PHP 2. El formulario de PHP 3. Subida