Un formulario HTML es una sección de un documento que contiene contenido normal, código, elementos especiales llamados controles (casillas de verificación, radiobotones, menúes, etc.), y rótulos (labels) en esos controles. Los usuarios normalmente "completan" un formulario modificando sus controles (introduciendo texto, seleccionando objetos de un menú), antes de enviar el formulario a un agente para que lo procese. Para poder definir un formulario en un documento HTML haremos uso del elemento <form> y su respectivo cierre </form>.

Si queremos pasar datos de un formulario a otro necesitaremos dos páginas, cada una con su respectivo código con las instrucciones que realizaran.


En esta primer página, hemos iniciado nuestro primer formulario, en donde solicitaremos al usuario que ingrese su color favorito y lo confirme una vez ingresado para poder pasar al segundo formulario.

El atributo method del elemento form especifica el método http usado para enviar el formulario al agente procesador. Este atributo puede tener dos valores:

get: Con el método http "get", el conjunto de datos del formulario se agrega al URL especificado por el atributo action (con un signo de interrogación ("?") como separador) y este nuevo URL se envía al agente procesador.
post: Con el método http "post", el conjunto de datos del formulario se incluye en el cuerpo del formulario y se envía al agente procesador.

El método "get" debería usarse cuando el formulario no tiene efectos secundarios. Muchas búsquedas en bases de datos no tienen efectos secundarios visibles y constituyen aplicaciones ideales del método "get".

Si el servicio asociado con el procesamiento de un formulario causa efectos secundario (por ejemplo, si el formulario modifica una base de datos o la suscripción a un servicio), debería usarse el método "post".  

Con la propiedad action indicamos el nombre del archivo o página que recibirá los datos ingresados por el operador en el formulario (En este caso Formulario2.php) y que serán enviados al servidor cuando se presione el botón de confirmación, este se crea y define con la propiedad submit del elemento input.

Creamos un cuadro de texto para ingresar el color favorito del usuario, definido por un objeto de tipo "text" y seguidamente le damos un color:

    <input type="text" name="color">

Con la propiedad type definimos el tipo de control y con la propiedad name indicaremos el nombre de este control.

Con la propiedad value indicamos el texto que aparecerá en el botón de confirmación.

<input type="submit" value="confirmar color favorito">



Aquí creamos nuestra segunda página con nuestro segundo formulario (Formulario2.php). Para que podamos acceder a los datos en php, debemos emplear un vector llamado $_REQUEST indicando como subíndice el nombre del cuadro de texto que definimos en el primer formulario.

En nuestro programa mostramos en pantalla el valor o texto ingresado en el primer formulario html:

  echo $_REQUEST ['nombre'];


Una vez ejecutados en un navegador mediante la dirección https://localhost/Formulario1.php veremos estas imágenes en pantalla:


Como ya habíamos señalado, en este primer formulario pediremos al usuario que ingrese su color favorito, para después confirmarlo y pasar al siguiente formulario:


Una vez presionado el botón de confirmación en el primer formulario, se nos mostrará en pantalla este segundo formulario con la impresión "Su color favorito es Celeste (o el color ingresado por el usuario).





Comentarios