Formulario de envio
Documento HTML
Nombre del documento: index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="estilos.css">
<title>Formulario contactos</title>
</head>
<body>
<form action="contacto.php" method="post">
<input type="text" placeholder="Nombre" id="nombre" name="nombre">
<input type="email" placeholder="Ingresar email" id="email" name="email">
<textarea name="mensaje" rows="8" cols="47" id="textarea" placeholder="Ingresar Mensaje aqui"></textarea>
<input type="submit" name="button" value="Enviar Mensaje" id="button">
</form>
</body>
</html>
Documento HTML
Nombre del documento: index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="estilos.css">
<title>Formulario contactos</title>
</head>
<body>
<form action="contacto.php" method="post">
<input type="text" placeholder="Nombre" id="nombre" name="nombre">
<input type="email" placeholder="Ingresar email" id="email" name="email">
<textarea name="mensaje" rows="8" cols="47" id="textarea" placeholder="Ingresar Mensaje aqui"></textarea>
<input type="submit" name="button" value="Enviar Mensaje" id="button">
</form>
</body>
</html>
Documento CSS
Nombre del dosumento: estilos.css
*{
margin: 0px;
padding: 0px;
}
form{
width: 400px;
height: auto;
background: #7a7a7a;
padding: 10px;
}
#nombre{
width: 100%;
height: 30px;
}
#email{
width: 100%;
height: 30px;
margin-top: 5px;
}
#textarea{
width: 100%;
margin: auto;
margin-top: 5px;
}
#button{
width: 100%;
height: 36px;
background: #fff;
}
Docunento PHP
Nombre del archivo: contacto.php
<?php
$nombre = $_POST["nombre"];
$email = $_POST["email"];
$mensaje = $_POST["mensaje"];
$para = "pruebaemail31@gmail.com";
$asunto = "Nuevo mensaje de $nombre";
$mensaje = "
Nombre del remitente: ".$nombre."
correo: ".$email."
mensaje: ".$mensaje."
";
mail($para,$asunto,utf8_decode($mensaje));
header ("location: index.html");
?>
Comentarios
Publicar un comentario