Necesitamos un lugar desde el que nuestros clientes puedan enviarnos los datos que posteriormente se guardarán en la base de datos, para ello utilizaremos un formulario que se encargará de cargar los datos.
El diseño del formulario es simple, es decir, si quereis un diseño más bonito ya es cosa vuestra, puesto que se trata de css puro y duro. Si no sabéis como mejorar el diseño de un formulario con css podéis pedir un tutorial en la sección adecuada de nuestro foro.
<form method="post" action="envio.php" />
<p><label for="nombre_titular" />Nombre Titular:</p>
<p><input id="nombre_titular" name="nombre_titular" type="text" size="27" /></p>
<p><label for="numero_pers" />Número personas:</p>
<p><input id="numero_pers" name="numero_pers" type="text" size="27" /></p>
<p><label for="localidad" />Localidad:</p>
<p><input id="localidad" name="localidad" type="text" size="27" /></p>
<p><label for="fecha_llegada" />Fecha de Llegada:</p>
<p><input id="fecha_llegada" name="fecha_llegada" type="text" size="27" /></p>
<p><label for="fecha_salida" />Fecha de Salida:</p>
<p><input id="fecha_salida" name="fecha_salida" type="text" size="27" /></p>
<p><label for="recorrido" />Tipo de recorrido:</p>
<select name="recorrido" />
<option value="1">Rápido</option>
<option value="2">Estándar</option>
<option value="3">Completo</option>
</select>
<p><label for="forma_pago" />Forma de pago:</p>
<select name="forma_pago" />
<option value="1">Metálico</option>
<option value="2">Tarjeta</option>
</select>
<p><label for="telefono" />Teléfono:</p>
<p><input id="telefono" name="telefono" type="text" size="27" /></p>
<p><label for="mail" />Email:</p>
<p><input id="mail" name="mail" type="text" size="27" /></p>
<p><input type="submit" name="submit" value="Enviar" /></p>
</form>
<form method="post" action="envio.php" />
Le hacemos saber el método para organizar los datos y el nombre del archivo que recibirá los datos ingresados para su posterior envio a la base de datos. En este caso le indicamos la ruta al archivo envio.php, que luego crearemos. Tanto method como action, son obligatorios en cualquier formulario.
<p><label for="nombre_titular" />Nombre Titular:</p>
<p><input id="nombre_titular" name="nombre_titular" type="text" size="27" /></p>
La primera linea se utiliza para definir el titulo del cuadro donde se meteran los datos.
Con la segunda linea creamos el cuadro de texto. Definimos tres propiedades, id, name, type.
<select name="forma_pago" />
<option value="1">Metálico</option>
<option value="2">Tarjeta</option>
</select>
El control select lo utilizaremos para crear menus de opciones desplegables, como véis lleva asociado igualmente un nombre (name), que es el mismo que su respectivo campo en la base de datos.
Lo más importante de éste trozo es que lo que se manda al archivo que procesa nuestro formulario es el contenido de value, en éste caso el 1 o el 2.
Y hasta aquí nuestro formulario, cualquier duda ya sabes que puedes solucionarla en nuestro foro.
