Formularios HTML5 | ¿Cómo enviar los datos?

Anuncio
Formularios HTML5 | ¿Cómo enviar los datos?
Como HTML (por si solo) no envía datos, vamos a utilizar un lenguaje llamado PHP.
Así, cuando el usuario haga clic en el botón enviar:
●
●
●
●
●
El formulario cogerá individualmente cada uno de los datos que hay dentro del
<form>, les pondrá un nombre (el especificado con el atributo name) y se los pasará a
un fichero PHP correctamente empaquetados.
Este fichero PHP recogerá los datos.
Desempaquetará cada uno de los datos y mirará el nombre que le ha dado el
formulario (el name) a cada uno de los datos para poder identificarlos.
Con todo correctamente identificado enviará los datos a una dirección de correo
electrónico, con un asunto y un cuerpo bien estructurado.
Una vez finalizado el envío del formulario, nos remitirá a una página de confirmación
del envío.
Formularios HTML5 | ¿Cómo enviar los datos?
<form action="enviar.php method="post">
El primer paso se cumple gracias al atributo action="enviar.php" que añadimos en el
<form> del formulario que creamos en el tema anterior.
Evidentemente nos falta este archivo enviar.php, que deberá estar en la misma carpeta
del servidor que contacto.html.
IMPORTANTE: Un archivo PHP sólo se ejecuta si se encuentra en un servidor de Internet
(en nuestro equipo local no funcionará).
Copia el siguiente código en cualquier editor y guárdalo como tipo de fichero:php con el
nombre 'enviar.php' en la misma carpeta donde tienes 'contacto.html'
El texto resaltado en verde corresponde a variables de PHP (que puede ser cualquier
nombre sin espacios). Los textos en rojo tienen que corresponder obligatoriamente con
los name especificados en el formulario, mientras que los textos azules son aquellos
datos que no corresponden con ningún dato y que los podemos modificar a nuestro
gusto
Formularios HTML5 | ¿Cómo enviar los datos?
<?php
$mail='[email protected]';
$nombre = $_POST['nombre'];
$empresa = $_POST['empresa'];
$telefono = $_POST['telefono'];
$email = $_POST['email'];
$mensaje = $_POST['mensaje'];
$thank ="agrad.html";
$message = "
nombre: ".$nombre."
empresa: ".$empresa."
telefono: ".$telefono."
email: ".$email."
mensaje: ".$mensaje."";
if(mail($mail,"Contacto desde mi página web",$message))
Header ("Location: $thank");
?>
Formularios HTML5 | ¿Cómo enviar los datos?
Código del Formulario en HTML
<form id="form1" name="form1" method="post" action="enviar.php">
<input name="nombre" type="text" id="nombre" value="Su nombre:">
<input name="empresa" type="text" id="empresa" value="Empresa:">
<input name="telefono" type="text" id="telefono" value="Teléfono:">
<input name="email" type="text" id="email" value="e-mail:">
<textarea name="mensaje" id="mensaje" cols="0" rows="0">Su mensaje:
</textarea>
<input type="submit" name="submit" value="enviar">
</form>
Descargar