Plantilla:ManuelRomero/PHP/FormulariosConceptosGenerales

Contenido

1 Introducción
2 Cómo leer datos de usuario
3 Creando un formulario
4 Atributos de la etiqueta
5 Obtener datos de un formulario

Introducción

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.

Para ello debemos tener dos tipos de instrucciones como podemos ver en la imagen

Leer valores del teclado
Mostrar resultados en pantalla

Cómo leer datos de usuario

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.

El script lo ejecuta  el servidor 
(en nuestro caso el programa apache ejecutándose en un ordenador)
cuando un cliente (un navegador en un equipo) solicita una página o recurso que tiene código php.

No puedo detener el programa esperando que el usuario aporte un valor. Esto no es posible en una programación web.

Tip: Típico ejemplo que el programa me pide un nombre, y su ejecución espera a que introduzca el nombre y presione intro para continuar

Lo que la programación web nos va a permitir es enviar junto con la solicitud de la página, valores,(o parejas variable, valor) 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 elementos gráficos de entradas de valores (input) donde, en el navegador, el usuario podrá escribir contenido(text, ...), o de alguna forma aportarlo (radio, select, ...)
En los diferentes elementos de entrada de un formulario , como una texto, el usuario podrá escribir valores.
Al darle el botón enviar (u otro elemento submit) (submit del formulario), dichos valores irán al servidor para ser leídos y usados en un script;
Porteriormetne veremos cómo leerlos en el servidor.
Repasemos cómo crear formularios en el cliente y lo que más nos interesa, cómo 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

Formularios vistos desde el servidor

Para la programación servidor, entendemos por formulario:

Una sección del código html que va a poder contener,( además de otros elementos)
varios objetos gráficos con los que el usuario va a poder interactuar
insertando valores para que éstos lleguen al servidor

Atributos de la etiqueta

Etiqueta form con una serie de atributos, de los que ahora nos interesan dos principalmente:

action: especifica el fichero que se invocará al servidor. Este fichero contendrá el código php que queremos que se ejecute.
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).

El action

Valor de action

Establece el nombre del recurso, script o página
que se va a solictar al servidor 
cuando realicemos un click en el submit del formulario

Ejemplo

Haciendo un pin-pon

Haz un proyecto que contenga dos páginas ping.php y pon.php

Ambas tendrán un botón de tipo submit

<input type=submit value='Ir a ...'>

La página pin me llevaré a pon py la página pon me ha de llevar a pin

posible solución

 <!--PIN.PHP-->
<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
<form action="pon.php">
    <input type="submit" value="Ir a pon">
 
</form>
 
</body>
</html>
<!-- PON.php -->
<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
<form action="pin.php">
    <input type="submit" value="Ir a pin">
 
</form>
 
</body>
</html>

El method: GET o POST

Valor de method

Establece la manera en la que van a enviar los datos al servidor
Se enviarán todas las parejas variable-valor que haya en el formulario
Estos datos se pueden enviar:
  en la cabecera (método GET)
  en el cuerpo del mensaje (método POST)

   <form action="datos.php" method="POST"
    ......
   </form>

   <form action="datos.php" method="GET"
    ......
   </form>

Este parámetro es opcional, si no se especifica por defecto toma el valor GET

Cuando el método es GET las parejas se viaulizan en el URL, apareciendo como parte de él, separado por el signo interrogación con parejas variable=valor, y separadas entre ellas, si hubiera varias, con el &

Ejemplo

Método GET

HTML en el cliente:
Vemos dos input de type text y con dos atributos asignados: name y value:
1.- name es el que vamos a utilizar para recuperar el contenido del input en el servidor.

Tip: El name es al servidor lo mismo que el id es al cliente, con id podéis acceder a los valores de los elementos con javascript, con el name lo haremos en php

2.- value es el valor. Este valor se sustituye por el contenido del input del formulario.

<form action="datos.php" method="GET">
      Nombre
          <input type=text name = 'nombre' value='maría'>
      Apellido
           <input type=text name = 'apellido' value='Ruiz'>
       <br />
       <input type=submit value=enviar>
   </form>

Al visualizar en el navegador aparecerá la páginas siguiente

Dos cajas de texto y el botón submit

Al presionar submit si observamos el url va el signo ? y luego las parejas variable=valor separadas entre ellas por &.

Observamos como aparece el texto después de la url:

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.

</div>

Obtener datos de un formulario

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

atributo method del form

Para leer el datos indexaremos la matriz por el valor del atributo name de input correspondiente.
Por ejemplo en el cliente tenemos

....
<form method=POST action ="resuelve.php">
....
 <input type=text name=nombre>
...
</form>

En el servidor el servidor el fichero resuelve.php

....
$nombre = $_POST['nombre'];
....
//También podríamos $_REQUEST['nombre'];

Plantilla:ManuelRomero/PHP/FormulariosConceptosGenerales

Contenido

Introducción

Cómo leer datos de usuario

Creando un formulario

Atributos de la etiqueta

El action

El method: GET o POST

Elementos dentro del formulario

Obtener datos de un formulario

Menú de navegación

Herramientas personales

Espacios de nombres

Variantes

Vistas

Acciones

Buscar

Navegación

Herramientas