Plantilla:PHP/FormulariosConceptosGenerales

Introducción
Para ello debemos tener dos tipos de instrucciones como podemos ver en la imagen
 * Tratamos de ver las instrucción que permitan aportar valores al programa.
 * Todos los lenguajes de programación tienen primitivas o incluso instrucciones propias para este cometido
 * Un programa necesita interactuar con el usuario.
 * 1) Leer valores del teclado
 * 2) Mostrar resultados en pantalla


 * En el caso de PHP, hemos visto alguna primitiva para mostrar valores por pantalla (En realidad lo que hace es escribirlas al fichero html que entrega al cliente).
 * Estas instrucciones son echo y print.
 * Ambos dos son son instrucciones del lenguaje, y tienen una pequeña diferencia:

Cómo leer datos de usuario
El script se ejecuta en el servidor cuando un navegador solicita una página.
 * Nos falta ver cómo podemos hacer que el cliente (a través del navegador) aporte valores al programa escribiéndolos por el teclado.
 * Hay que partir de la situación en la que estamos desarrollando nuestra aplicación Aplicación web.
 * No puedo detener el programa esperando que el usuario aporte un valor. Esto no es posible en una programación web.
 * Lo que la programación web nos va a permitir es enviar junto con la solicitud de la página, valores que aporte el usuario, mediante un formulario.
 * De alguna manera enviaremos parejas variable, valor.
 * El formulario será parte de la página del cliente, código html.


 * Leyendo del usuario
 * En el formulario tendremos cajas de texto (input) donde, en el navegador, el usuario podrá escribir contenido.
 * En los diferentes elementos de entrada de un formulario, como una texto, el usuario podrá escribir valores.
 * Al darle el botón enviar ''(submit del formulario), dichos valores irán al servidor para ser leídos y usados en un script; *Porteriormetne  veremos como leerlo en el servidor.
 * Repasemos cómo crear formularios en el cliente y lo que más nos interesa, como leerlos en el servidor.

Creando un formulario

 * Esta parte la veis en el módulo de diseño de interfaces, no obstante comentaremos lo que aquí vamos a utilizar.
 * Un formulario se establece con la etiqueta form.
 * Etiqueta form

Atributos de la etiqueta

 * Etiqueta form con una serie de atributos, de los que ahora nos interesan dos principalmente:
 * 1) action especifica el fichero que se invocará al servidor. Este fichero contendrá el código php que queremos que se ejecute.
 * 2) method especifica el modo en el que se van a pasar los parámetros (valores introducidos a los diferentes objetos del formulario, o que tengan asignados por defecto).

GET o POST

 * Por defecto los valores son pasados por GET
 * Este método es fácil de ver pues se viauliza en el URL, apareciendo como parte de él separado por el signo interrogación con parejas variable=valor.


 * Atributos
 * En este caso estamos indicando que cuando se envíe el formulario, se intentará ejecutar un fichero llamado mifichero.php.
 * La ubicación del fichero, como no se especifica, se busca en la misma ubicación donde está el fichero que actualmente está viendo el cliente.
 * También se especifica que los valores enviados con el formulario; irán en el cuerpo de documento usando el protocolo http, y no en el URI con el signo ? como sucede si se especificara GET.


 * Por supuesto hay más atributos, el id es importante para poder acceder a ese elemento con javascript.
 * Tanto method como action son necesarios para la programación web.
 * Hay mas atributos, es importante el atributo enctype que permite usar algún tipo de cifrado para enmascarar la información que se envía, y poder especificar también si en el formulario se van a enviar grandes cantidades de bytes, como imágenes u otro tipo de ficheros.


 * Este atributo es importante cuando en lugar de input de tipo texto   enviemos ficheros   u otros contenidos diferentes.

Elementos dentro del formulario

 * Dentro del formulario debemos poder recoger información que el cliente nos facilite.
 * Al menos deberíamos de conocer dos elementos input y button o bien submit.
 * El input representa una caja de texto.
 * El submit es un botón que tiene automatizada la acción de enviar el formulario al hacer click sobre él.

Creando formularios
Es interesante ojear esta sencilla página que te informa de cómo hacer formularios. http://www.aulaclic.es/html/t_8_1.htm
 * Elemento input
 * Como ya hemos comentado, es un elemento de entrada de texto que se rellena en la página web que tiene el cliente, y se envía al servidor donde se puede recuperar esta información para el script a ejecutar (se recuperará durante la ejecución).
 * Atributos importantes de un
 * type
 * Indicaremos el tipo de elemento de entrada (text, password, email, checkbox...).
 * Aquí podemos ver una lista de posibles valores, tened en cuenta que con html5 se introdujeron 13 nuevos tipos.

http://www.w3schools.com/tags/att_input_type.asp ...)


 * atributo type=hidden.
 * También es interesante el valor hidden para el type de un input(especialmente usado para pasar valores del cliente al servidor de forma transparente para el usuario).


 * name
 * El valor de este atributo especifica el nombre asociado a este input.
 * Es este valor el que necesitamos para recuperar la información del input en el servidor.


 * value
 * Es el valor que tiene el input. Si queremos que por defecto tenga un valor.


 * Este valor es sustituido por el contenido del input cuando se envía al servidor.
 * Dentro del form necesitaremos al menos un input y un submit.
 * Veamos el siguiente ejemplo. En el cliente tenemos el siguiente formulario

imagen:formulario.png
 * Y obtenemos la siguiente imagen
 * 1) Al presionar el botón de enviar se envía la página al servidor.
 * 2) La página o script la especificamos en el atributo action del elemento form; la gestiona tabla.php en este caso.
 * 3) En el servidor para recuperar el valor utilizaremos la variable supergobal(Lo veremos más adelante).
 * 4) Esta superglobal puede ser $_GET $_POST' o $_REQUEST''.
 * 5) Una tabla es una estructura indexada por índices.
 * 6) Leeremos el índice nombre de variable de esta estructura superglobal.
 * 7) $_GET o $_POST dependiendo de el método de envío, o $_REQUEST sirve para ambas (no recomendado).

Obtener datos de un formulario
atributo method del form
 * Una vez que estamos en el servidor, los datos son pasados del cliente al servidor usando las variables superglobales o matrices $_POST $_GET, $_REQUEST.
 * Dependerá del modo en el que pasemos los datos del formularios desde el cliente
 * Para leer el datos indexaremos la matriz por el valor del atributo name de input correspondiente.
 * Por ejemplo en el cliente tenemos


 * En el servidor el servidor el fichero resuelve.php


 * Verificando si una variable existe
 * Este tema es muy interesante en php.
 * Observar que el hecho de que aparezca una variable no implica que la variable exista.
 * Esto en php puede crear una confusión por su naturaleza dinámica.
 * Si en el código aparece esta línea


 * Esto puede crear confusiones que debemos aclarar. null, cuando una variable tiene valor null vamos a considerar que no tiene valor, o que no ha sido delcarada.
 * Para comprobar probamos el siguiente código


 * Probemos a modificar el valor de $variable por los siguientes valores
 * A partir de ello podemos concluir y entender lo que hacen las funciones


 * hay que tener cuidado con el concepto de una variable vacía
 * En php los siguientes valores asignados a una variable se considerarán valores vacíos
 * "" //Una cadena vacía
 * 0 //El valor 0 como entero o como float
 * 0.0
 * "0"//La cadena de caracteres formada por el carácter 0
 * NULL //El valor null
 * FALSE //El valor booleano false


 * Podemos revisar el siguiente código como corlario
 * Podemos observar la siguiente salida

Validando valores en el servidor
http://php.net/manual/es/ref.var.php
 * Indistintamente de que se validen valores en el cliente, es muy importante validarlos en el servidor
 * En php tenemos funciones para validar el tipo de un valor
 * Para ello podemos ir al repertorio dónde tenemos todas las funciones para manipular variables
 * Cuando leemos un valor de un formulario, siempre lo vamos a leer como una cadena de caracteres, pero podremos verificar algunos valores por conversión implícita


 * A continuación vamos a ver como usar y leer datos de un formulario.

alert "Cudado!!! esto podría ser peor!!!
 * Filtrando valores
 * Independientemente de que el se validen/verifiquen valores en el cliente, es obligatorio verificarlo siempre en el servidor.
 * En otro capítulo veremos temas de seguridad en los datos, pero para ver lo peligroso que puede ser, podría ser que el usuario escribiera un script en una caja de texto. Esto en principio no deberíamos de permitirlo.
 * miramos el siguiente código sencillo
 * Ahora observamos lo que ocurre ejecutando esto en chrome y firefox escribiendo en la caja de texto
 * Escribimos en chrome:
 * Vemos como chrome corta lo que considera un posible ataque xss:
 * Escribimos el código en firefox
 * Vemos como en firefox sí que se puede ejecutar XSS

Tenemos la opción de filtar_var y filter_input.
 * Hay mucha formas de evitar esto, como htmlpurifier http://htmlpurifier.org/ que analizaremos cuando veamos seguridad en la web.
 * De momento nos limitaremos (que ya es una buena forma de garantizar contenido correcto y evitar problemas)a usar funcions del tipo filter http://php.net/manual/es/function.filter-var.php.
 * filter_var($variable, $filtro)
 * 1) $variable . Es la variable a filtar. Correspondería al valor del name del input que queremos recuperar.
 * 2) $filtro. Es el tipo de filtro que se quiere aplicar. Para ver los tipos de filtros, consultamos a la página web http://php.net/manual/es/filter.filters.validate.php.


 * filter_input($tipo_entrada. $variable, $filtro)
 * 1) $tipo_entrada: Uno de los siguientes: INPUT_GET, INPUT_POST, INPUT_COOKIE, INPUT_SERVER o INPUT_ENV.
 * 2) $variable: como en el caso anterior.
 * 3) $filtro: como en el caso anterior.
 * Ambas funciones retornan el valor de la variable requerida, o false si el filtro falla o null, si la variable no tenía valor.

http://www.tecn.upf.es/~ocelma/cpom/practicas/
 * Podemos buscar ejercicios de formularios en la lista ya dada en el tema anterior: