formulario da el mail, no vuelve a la página

[fersosa]

hola. tengo un formulario de contacto el cual no me muestra el mail del remitente al recibirlo y cuando confirma que fue enviado quisiera que quede en la misma página.
espero me puedan ayudar.

Código HTML:

<FORM id="contacto" name="contacto" action="enviar.php" method="POST">
<label>Nombre</label>
<input type="text" name="nombre" required placeholder="Escribe tu nombre aquí" required>
<label>Apellido</label>
<input type="text" name="apellidos" required placeholder="Escribe tu apellido aquí" required>
<label>E-mail</label>
<input type="email" name="email" required placeholder="Tu e-mail" required>
  <label>Mensaje</label>
<input class="mensaje" type="text" name="mensaje" required placeholder="Escribe tu mensaje aquí" required>
 
    <input type="submit">
 
</FORM>
 

Código PHP:

<?php
$nombre = $_POST['nombre'];
$mail = $_POST['mail'];
 
 
$header = 'From: ' . $mail . " \r\n";
$header .= "X-Mailer: PHP/" . phpversion() . " \r\n";
$header .= "Mime-Version: 1.0 \r\n";
$header .= "Content-Type: text/plain";
 
$mensaje = "Este mensaje fue enviado por " . $nombre . ", \r\n";
$mensaje .= "Su e-mail es: " . $mail . " \r\n";
$mensaje .= "Mensaje: " . $_POST['mensaje'] . " \r\n";
$mensaje .= "Enviado el " . date('d/m/Y', time());
 
$para = '[email protected]';
$asunto = 'Asunto del mail recibido';
 
mail($para, $asunto, utf8_decode($mensaje), $header);
 
echo 'Mensaje enviado correctamente';
?>
 

Código CSS:

#form{
 width: 470px;
 height: auto;
 backgroud-image: url(aquí la ruta de la imagen de fondo);
 margin: 0 auto;
 padding: 0 1%;
 box-shadow: 5px 5px 0 #AAA;
 border-radius: 5px;
}
input[type=submit]{
 background-color:black;
 height:50px;
 width:98%;
 //border:none;
 font-weight:400;
 letter-spacing:2px;
 color:#FFFFFF;
 cursor: pointer;
}
input{
 width: 98%;
 height: 40px;
 font: 300 24px "Open Sans", Arial, sans-serif;
 margin: 5px 0 10px 0;
}
.mensaje {
  width: 98%;
  height: 200px;
  font: 300 24px "Open Sans", Arial, sans-serif;
  margin: 5px 0 10px 0;
}
 

[Triby]

Para mostrar nombre y correo electrónico de remitente o destinatario:

Código PHP:

$header = "From: <[email protected]> Nombre del remitente\r\n";
 
$para = '<[email protected]> Nombre del destinatario';
 

En cuanto a "quedarse en la misma página", parece que ahora lo único que aparece es una página con el mensaje de correo enviado y el resto en blanco. Supongo que tienes dos opciones:

1- Crea todas las etiquetas HTML/CSS necesarias para mostrar el mensaje en el mismo formato del resto de tus páginas.

2- Envía el formulario usando AJAX para evitar que se recargue la página y, al finalizar, muestra el mensaje de correo enviado por medio de un alert() de javascript.