Formulario de contacto

[Luccyan]

Buenos días.

actualmente estoy programando una web todo va muy bien pero. aunque tengo conocimiento en html5 y css3 no conozco mucho o mejor dicho nada de PHP

agradecería si alguien me pudiera ayudar con un formulario de contacto

(una guía, tutoriales o algo que me pueda ayudar a crear el php para que mi Formulario funcione)

el código que tengo es este:

Código HTML:

 <form id="contact-form">
                <div class="row">
                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="name">
                                Nombre</label>
                            <input type="text" class="form-control" id="name" placeholder="Nombre" required="required" />
                        </div>
                        <div class="form-group">
                            <label for="[email protected]">
                                E-mail</label>
                            <div class="input-group">
                                <span class="input-group-addon"><span class="glyphicon glyphicon-envelope"></span>
                                </span>
                                <input type="email" class="form-control" id="email" placeholder="E-mail" required="required" /></div>
                        </div>
                        <div class="form-group">
                            <label for="subject">
                                Asunto</label>
                            <select id="subject" name="subject" class="form-control" required>
                                <option value="na" selected="">Escoja uno:</option>
                                <option value="service">Servicio general</option>
                                <option value="suggestions">Sugerencias	</option>
                                <option value="product">Soporte o productos</option>
                            </select>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="form-group">
                            <label for="name">
                                Mensaje</label>
                            <textarea name="message" id="message" class="form-control" rows="9" cols="25" required
                                placeholder="Mensaje"></textarea>
                        </div>
                    </div>
                    <div class="col-md-12">
                        <button type="submit" class="btn btn-skin pull-right" id="btnContactUs">
                            Enviar Mensaje</button>
                    </div>
                </div>
</form> 

[solmedina87]

Hola!, mirate este tutorial que es muy simple:
http://manuelbaronetti.com.ar/blog/2013/02/facil-y-simple-formulario-de-contacto-con-html5-css-y-php/

Para tu caso, primero en el HTML que nos mostrás la etiqueta form debería quedarte así:

Código HTML:

<form id="contact-form" action="contacto.php" method="post"> 

Esto hace que al hacer clic en "enviar" se envien los datos al archivo contacto.php que los procesa y envía el mail.

Ahora, el contacto.php recibiría tus variables mas o menos así:

Código PHP:

  <?php
$nombre = $_POST['name'];
$email = $_POST['email'];
$asunto = $_POST['subject'];
$para = '[email protected]';
$header = 'From: ' . $email;
$mensaje = '$_POST['message'];';
$msjCorreo = "Nombre: $nombre\n E-Mail: $email\n Mensaje:\n $mensaje";
  
if ($_POST['submit']) {
 if (mail($para, $asunto, $msjCorreo, $header)) {
   echo "<script language='javascript'>
   alert('Mensaje enviado, muchas gracias.');
   window.location.href = 'http://TUSITIOWEB.COM';
</script>";
  } else {
  echo 'Falló el envío';
  }
}
?>   

Te lo explico un poquito para no pegarte una posible solución y que no la entiendas:
En las primeras líneas a cada variable ($variable) se le está asignando el valor que se introdujo en el formulario. Por ej: $nombre = $_POST['name']; le asigna a la variable $nombre el valor que introdujeron en el formulario en el input "name"

En $msjCorreo simplemente concatena lo que va a mandarse en el cuerpo del mail.

Y se usa una función "mail" que recibe ciertos parámetros, en este caso:
$para, $asunto, $msjCorreo, $header. Para indicar el destinatario del correo, el asunto, el mensaje que va en el cuerpo del mail y de quién viene el correo.

Ahora algo personal mio :p Yo generalmente el formulario y el código php lo pongo en la misma página. Ese if ($_POST['submit']) { justamente lo que dice es que el código dentro se ejecutará solamente si hicieron clic en el "submit" del formulario. Entonces en la etiqueta <form> el action puede ser la misma página que contiene el formulario y te evitas de tener dos archivos :)

[lauser]

solmedina87, lo que busca es un formulario con varios destinatarios a escoger.

Algo asi, como esto:
http://www.forosdelweb.com/f18/formu...scoger-813624/

[solmedina87]

Iniciado por lauser

solmedina87, lo que busca es un formulario con varios destinatarios a escoger.

Algo asi, como esto:
[URL="http://www.forosdelweb.com/f18/formulario-email-php-con-varios-destinatarios-escoger-813624/"]http://www.forosdelweb.com/f18/formulario-email-php-con-varios-destinatarios-escoger-813624/[/URL]

ah, no vi que pidiera que pudiera enviare a varios destinatarios

[lauser]

ah, no vi que pidiera que pudiera enviare a varios destinatarios

Si te miras el code,,, veras que quería seleccionar destinatarios.
Un saludo.

[solmedina87]

Iniciado por lauser

Si te miras el code,,, veras que quería seleccionar destinatarios.
Un saludo.

El select no es para elegir el Asunto del mensaje?

[examplesjquery]

Hola Buenas mira te dejo dos, tienes que copiar el enlace manualmente por que todavia no me deja crear enlaces, soy nuevo en el foro y aun pues hasta que no tenga 30 articulos no podre hacerlo.


No obstante te mando estos dos enlaces uno para hacerlo en jquery y otro para hacerlo en php. No obstante aqui te dejo el codigo para incluso mandarlo en html, es decir lo que viene a ser un boletin jeje.

PRIMERO
http://www.examplesjquery.com/envio-de-formulario-con-php/

SEGUNDO
http://www.examplesjquery.com/formulario-para-enviar-correos-en-jquery/

Código PHP:

<?php 
 
$siteaddress='examplesjquery.com';
$sitename='examplesjquery.com';
 
  $cabeceras = 'From: [email protected]' . "\r\n" .
  'Content-type: text/html; charset=iso-8859-1\r\n'
  .
    'Reply-To: [email protected]' . "\r\n" .
    '';
 
$destinatario = "[email protected]";
$asunto = "Contacto desde la web";
$cuerpo = '
<!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 http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
 
<title>'.$sitename.'</title>
 
<style type="text/css">
 
<!--
 
#contenedora {
 
    border: 1px solid #333333;
 
}
 
#contenedora #cabecera {
 
    height: 60px;
 
    border-top-width: 1px;
 
    border-right-width: 1px;
 
    border-bottom-width: 1px;
 
    border-left-width: 1px;
 
    border-top-style: none;
 
    border-right-style: none;
 
    border-bottom-style: solid;
 
    border-left-style: none;
 
    border-top-color: #999999;
 
    border-right-color: #999999;
 
    border-bottom-color: #999999;
 
    border-left-color: #999999;
 
}
 
#contenedora #titular {
 
    font-family: Arial, Helvetica, sans-serif;
 
    font-size: 14px;
 
    background-color: #000000;
 
    padding-top: 2px;
 
    padding-right: 2px;
 
    padding-bottom: 2px;
 
    padding-left: 20px;
 
    color: #FFFFFF;
 
    border-top-width: 1px;
 
    border-right-width: 1px;
 
    border-bottom-width: 1px;
 
    border-left-width: 1px;
 
    border-top-style: none;
 
    border-right-style: none;
 
    border-bottom-style: solid;
 
    border-left-style: none;
 
    border-top-color: #CCCCCC;
 
    border-right-color: #CCCCCC;
 
    border-bottom-color: #CCCCCC;
 
    border-left-color: #CCCCCC;
 
}
 
#contenedora #contenido {
 
    padding-top: 10px;
 
    padding-right: 20px;
 
    padding-bottom: 10px;
 
    padding-left: 20px;
 
    font-family: Arial, Helvetica, sans-serif;
 
    font-size: 12px;
 
    color: #858585;
 
}
 
#contenedora #contenido a {
 
    color: #000000;
 
}
 
#contenedora #pie {
 
    text-align: center;
 
    font-family: "Times New Roman", Times, serif;
 
    font-size: 14px;
 
    font-weight: bold;
 
    color: #FFFFFF;
 
    background-color: #4e4250;
 
    padding: 5px;
 
}
 
-->
 
</style>
 
</head>
 
<body>
 
<table width="500" border="0" cellpadding="0" cellspacing="0" id="contenedora" align="center">
 
  <tr>
 
    <td id="cabecera"><img src="http://www.tuweb.com/images/cabeceramail.jpg" alt="Cabecera de '.$sitename.'" width="600" height="84"  /></td>
 
  </tr>
 
  <tr>
 
    <td id="titular">Consulta desde la web</td>
 
  </tr>
 
  <tr>
 
    <td id="contenido">
<p>Nombre: '.$_POST['nombre'].'</p>
 
<p>Telefono:'.$_POST['telefono'].'</p>
 
<p>Telefono:'.$_POST['email'].'</p>
 
<p>Comentarios:'.$_POST['comentarios'].'</p>
 
<p>'.$sitename.'<br>
 
<a href="'.$siteaddress.'">'.$siteaddress.'</a><br>
 
<br><br></td>
 
  </tr>
 
  <tr>
 
    <td id="pie">&copy; '.$sitename.' 2011 </td>
 
  </tr>
 
</table>
 
</body>
 
</html>';
 
//echo "Enviado al usuario";
 
// fin del envio al usuario  en html
 
/*******************************************************
 
ENVIO DE CONFIRMACIÓN DE ENVIO DE CONSULTA AL CLIENTE (EMPRESA)
 
*******************************************************/
 
//para el envío en formato HTML 
 
//ruta del mensaje desde origen a destino 
 
//$headers .= "Return-path: ".$adminaddress."\r\n"; 
 
//direcciones que recibián copia 
 
//$headers .= "Cc: [email protected]\r\n"; 
 
//direcciones que recibirán copia oculta 
 
//$headers .= "Bcc: [email protected],[email protected]\r\n"; 
 
mail($destinatario,$asunto,$cuerpo,$cabeceras);
//echo "Enviado al Cliente (empresa)";
// fin del envio al usuario  en html
 
?>
 
<P align="center"><b>LE AGRADECEMOS TUS COMENTARIOS</B><br />
le agradece su consulta o comentario</p>
<p align="center"> Intentaremos responderle lo antes posible</P>