Envío de Datos desde un Formulario

Realicemos un ejemplo para comenzar a ver el uso de formularios.

Suponga que desea ver un listado de empresas de un determinado sector en su ciudad, así pues el usuario deberá poder decir que sector es el que le interesa.

Esto se puede hacer mediante un formulario que contenga un campo de tipo lista donde se pueda elegir una opción,

Esta opción se pasa al script PHP para que, a su vez, la procese como sea necesario (de este ultimo nos encargaremos después).

Observe el siguiente script, el cual contiene un formulario con una lista de posibles sectores.

<html>

       <head>

</head>

<body>

               <form name="f_prof" id="f_prof" action="elegirSector.php" method="post">

                        Elija un sector:

                                  <select name="sector" id="sector">

                                            <option value="0">Electricistas</option>

                                          <option value="1">Fontaneros</option>

                                            <option value="2">Transportistas</option>

                                        <option value="3">Aseguradores</option>

                                  </select>

                  <input type="submit" value="ENVIAR" name="ok" id="ok">

            </form>

</body>

</html>

Cuando empleamos un formulario donde el usuario debe escribir algo en campo de texto, o seleccionar opciones de una lista, o marcar casillas de verificación, etc. dicho formulario tiene como atributo action el nombre del script, (es la parte de color naranja en el código), la cual recopilará los datos del usuario y los procesará en el servidor.

Lo que verá en el navegador será lo siguiente:

Vea que tiene una lista desplegable en la que usted puede elegir una opción.

La lista se llama sector (color verde en el formulario)
Tiene cuatro opciones cuyos valores van de cero a tres
Elija una opción y pulse enviar
En este momento el formulario llama al script cuyo nombre tiene el atributo action y le pasa una variable con el nombre del campo select y el valor de la opción seleccionada.

Si el formulario tuviera mas campos, pasaría una variable por cada campo.

El script de PHP que conecta con este formulario es:

<?php

$sectores=array("Electricistas","Fontaneros","Transportistas","Aseguradores");

echo ("La opción elegida es:".$_POST["sector"]."<br />");

echo ("La profesión correspondiente es:".$sectores[$_POST["sector"]].".");

?>

Paso a Paso

En la primera línea se definió una matriz que contiene las profesiones.
Fíjese en que están dispuestas de tal modo que tienen relación con los valores del formulario,
En la segunda linea se especifica el indice elegido, el cual adquiere el valor de los atributos value del formulario, los cuales tienen relación ya que el nombre del formulario es sector, el cual es de color verde en el script html.
Por ultimo se muestra el elemento de la matriz que corresponde a:

El indice en relación con:

El contenido del elemento de la matriz con dicho índice.

Recuerde que el código PHP, debera ser guardado con el mismo nombre que coloque en el atributo action

Suponga que selecciona el elemento Fontaneros, lo que verá en el navegador sera:

Veamos otro ejemplo:

El script de html sería:

<html>

     <head>

     </head>

     <body>

          <form name="f_prof" id="f_prof" action="formularioSimple.php" method="post">

               Teclee su nombre:

               <input type="text" name="nombre" id="nombre">

               <br><br>

               Estado sentimental <br />

               Casado<input type="radio" name="soltero" id="soltero" value="Casado">

               Soltero<input type="radio" name="soltero" id="soltero" value="Soltero">

               <br><br>

               Seleccione su edad:

               <br>

               De 0 a 20 años:

               <input type="radio" name="edad" value="1">

               <br>

               de 21 a 40 años:

               <input type="radio" name="edad" value="2">

               <br>

               más de 40:

               <input type="radio" name="edad" value="3">

               <br>

               <input name="datoOculto" type="hidden" id="datoOculto" value="Este es un campo oculto">

               <p>

                    <input type="submit" value="ENVIAR" name="ok" id="ok">

               </p>

          </form>

     </body>

</html>

El resultado de este formulario en su navegador es un poco burdo y sin estilo, pero para fines didácticos servirá.
Lo que veremos en el navegador será:

La parte de php será:

<?php
echo ("El nombre tecleado es: ".$_POST["nombre"].".<br />");
echo ("Su estado es: ".$_POST["soltero"].".<br />");
echo ("El rango de edad es: ".$_POST["edad"].".<br />");
echo ("El campo oculto vale: ".$_POST["datoOculto"].".");
?>

El resultado que aparecerá al enviar el formulario será:

Como puede ver el manejo de formularios es algo muy sencillo, que al tener bien fundamentados los conocimientos sobre formularios y lo que hemos visto hasta el momento es muy sencillo.

Para refrescar la memoria puede revisar mis tutoriales sobre formularios en los siguientes enlaces:

Formularios en HTML5

Formularios en HTML5 Parte 2

Formularios en HTML5 Parte 3

En los códigos anteriores vimos prematuramente, el metodo de envio Post, el cual discutiremos en el siguiente capítulo.

Recuerden Comentar Compartir y Darle

Hasta la Próxima

Si te hemos ayudado : )
Te agradeceríamos que apoyaras este proyecto

Traductor

Envío de Datos desde un Formulario