Entrar

formulario de contacto funcionando

francisco1 · · Solicitar retirada
para quien quiera un formulario de contacto funcionando
podeis adaptarlo a buestras necesidades
formulario

contacto.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="robots" content="noindex"/>
<title>Contacto</title>
<link rel='stylesheet' href='contacto.css'>
</head>
<body>
<div id="contenido">
<?php
if (!$HTTP_POST_VARS){
?>
<div class ="contacto">
<form action="contacto.php" method="post" name="contacto">
<p>Nombre</p>
<input type="text" name="nombre" size="25" maxlength="40">
<br />
<p>Email</p>
<input name="email" type="text" id="email" maxlength="40" onChange="javascript:while(''+this.value.charAt(0) ==' ')this.value=this.value.substring(1,this.value.len gth);"/>
<br />
<p>Asunto</p>
<input type="text" name="asunto" size="25" maxlength="70">
<br />
<p>Mensaje</p>
<textarea name="coment" cols="25" rows="6" maxlength="500"></textarea>
<br />
<input type="button" name="button" value="Enviar" onclick="valida_envia()" />
</form>
</div>
<script language="JavaScript" type="text/JavaScript">
function valida_envia(){
if(document.contacto.nombre.value == "") {
alert("Por favor indique Su Nombre");
document.contacto.nombre.focus();
return 0;
}
if(document.contacto.email.value == "") {
alert("Por favor indica un E-Mail valido, para enviarle su respuesta");
document.contacto.email.focus();
return 0;
}
if(document.contacto.asunto.value == "") {
alert("Por favor indica un Asunto");
document.contacto.asunto.focus();
return 0;
}
if(document.contacto.coment.value == "") {
alert("Por favor indica un Mensaje");
document.contacto.coment.focus();
return 0;
}
alert("Muchas gracias por enviar el formulario");
document.contacto.submit();
return true;
}
</script>
<?php
}else{
//Estoy recibiendo el formulario, compongo el cuerpo
$cuerpo = "Formulario enviado desde pon aqui tu web\n";
$cuerpo .= "Nombre: " . $HTTP_POST_VARS["nombre"] . "\n";
$cuerpo .= "Email: " . $HTTP_POST_VARS["email"] . "\n";
$cuerpo .= "Asunto: " . $HTTP_POST_VARS["asunto"] . "\n";
$cuerpo .= "Mensaje: " . $HTTP_POST_VARS["coment"] . "\n";
//mando el correo...
mail("pon aqui tu correo ejempro [correo eliminado]", "Formulario de contacto enviado desde ponaqui tu web",$cuerpo);
//doy las gracias por el envío
echo "Gracias por contactar con nosotros,";
echo "<META HTTP-EQUIV=Refresh CONTENT='20;URL=http://pon aqui la url de tu web/contacto.php'>";
echo " clica aqui <ul><li><a href='index.php' title='clica para volver a la página de inicio pon aqui el nombre de tu web'>Inicio</a></li></ul> si deseas volver a la página de inicio pon aqui el nombre de tu web<br />";
echo "sino serás redireccionado/da automáticamente de nuevo al formulario de contacto.";
}
?>
</div>
</body>
</html>

y los css

contacto.css

.contacto{
border: 1px solid #CED5D7;
border-radius: 6px;
padding: 45px 45px 20px;
margin-top: 5px;
background-color: white;
box-shadow: 0px 5px 10px #B5C1C5, 0 0 0 10px #EEF5F7 inset;
}
.contacto label{
display: block;
font-weight: bold;
}
.contacto div{
margin-bottom: 15px;
}
.contacto input, .contacto textarea{
padding: 7px 6px;
width: 294px;
border: 1px solid #CED5D7;
resize: none;
box-shadow:0 0 0 3px #EEF5F7;
margin: 5px 0;
}
.contacto input:focus, .contacto textarea:focus{
outline: none;
box-shadow:0 0 0 3px #dde9ec;
}
.contacto input{
border: 1px solid #CED5D7;
box-shadow:0 0 0 3px #EEF5F7;
padding: 8px 16px;
border-radius: 20px;
font-weight: bold;
text-shadow: 1px 1px 0px white;
background: #e4f1f6;
background: -moz-linear-gradient(top, #e4f1f6 0%, #cfe6ef 100%);
background: -webkit-linear-gradient(top, #e4f1f6 0%,#cfe6ef 100%);
}
.contacto input:hover{
background: #edfcff;
background: -moz-linear-gradient(top, #edfcff 0%, #cfe6ef 100%);
background: -webkit-linear-gradient(top, #edfcff 0%,#cfe6ef 100%);
}
.contacto input:active{
background: #cfe6ef;
background: -moz-linear-gradient(top, #cfe6ef 0%, #edfcff 100%);
background: -webkit-linear-gradient(top, #cfe6ef 0%,#edfcff 100%);
}

solo funcionara si havilitais un buzon en buestro server

puedeis verlo y probar lo que hace aqui

http://matarratos.tk/contacto.php