Foros del Web » Creando para Internet » HTML »

Formulario de contacto

Estas en el tema de Formulario de contacto en el foro de HTML en Foros del Web. Hola foro, estoy comenzando con esto de html, no tengo ningun conocimiento del lenguaje, solo me tire a editar un template y voy aprendiendo a ...
  #1 (permalink)  
Antiguo 10/07/2010, 17:11
 
Fecha de Ingreso: diciembre-2009
Mensajes: 11
Antigüedad: 8 años
Puntos: 0
Formulario de contacto

Hola foro, estoy comenzando con esto de html, no tengo ningun conocimiento del lenguaje, solo me tire a editar un template y voy aprendiendo a medida que me surgen los problemas, tengo casi todo listo pero me tope con el formulario de contacto, no logro hacer que me lleguen los datos a mi correo, paso el codigo en cuestion tal cual esta en el template y cualquier ayuda es bienvenida, gracias.

<div class="form">
<form name="contact" method="post" action="" enctype="multipart/form-data" onsubmit="return checkForm(this);">
<label><span>Nombre:</span><input type="text" name="fname"/></label>
<label><span>Apellido:</span><input type="text" name="lname"/></label>
<label><span>Email:</span><input type="text" name="email"/></label>
<label><span>Telefono:</span><input type="text" name="phone"/></label>
<label class="last"><span>Mensaje:</span><textarea name="comment" cols="" rows="" >
</textarea>
</label>
<label class="btnsub"><input name="" type="submit" title="submit" class="submission" /></label>
</form>
</div>

</div>
  #2 (permalink)  
Antiguo 10/07/2010, 17:20
Avatar de Carlangueitor
Moderador ლ(ಠ益ಠლ)
 
Fecha de Ingreso: marzo-2008
Ubicación: México
Mensajes: 9.968
Antigüedad: 9 años, 8 meses
Puntos: 1314
Respuesta: Formulario de contacto

Necesitas un lenguaje del lado del servidor como PHP: http://www.tallerwebmaster.com/tutor...il-con-php/43/

Saludos
__________________
Grupo Telegram Docker en Español
  #3 (permalink)  
Antiguo 10/07/2010, 17:36
 
Fecha de Ingreso: noviembre-2009
Ubicación: Barcelona
Mensajes: 214
Antigüedad: 8 años
Puntos: 6
Respuesta: Formulario de contacto

Hola amigo...
aqui te dejo un formulario con script de PHP y te marco que campos editar.

Código HTML:
<html>

<body>
<!-- -INICIA EL FORMULARIO ------------------------------------ -->

<form id="form1" name="form1" method="post" action="respuesta.php" ">

Nombre: <input type="text" name="victimaNombre" id="victimaNombre" /> <br>

Mail: <input type="text" name="victimaMail" id="victimaMail" /> <br>

Comentarios: <textarea name="victimaComentarios" cols="30" rows="5" id="victimaComentarios"></textarea> <br>

<input type="submit" name="envio" id="envio" value="Enviar" />
</form>

<!-- TERMINA ELFORMULARIO ------------------------------------ -->
</body>

</html> 

aqui el codigo para que crees un archivo llamado respuesta.php:

Código PHP:
<?php
$nombre 
$_POST["victimaNombre"];
$mail $_POST["victimaMail"];
$comentario $_POST["victimaComentarios"];
include(
"conecta.php");
mysql_query('INSERT INTO contacto VALUES ("'.$nombre.'","'.$mail.'");',$link);
mysql_close($link);
echo 
"<center> Gracias por comunicarse con nosotros <b>".$nombre."</b>, en la brevedad posible nos pondremos en contacto con usted. </center>";
$cabezera "From: ".$nombre."<[email protected]>\r\n Content-type: text/html\r\n";
$cuerpo $nombre."\n".$mail."\n".$comentario;
mail("[email protected]","Formulario de contacto"$cuerpo$cabezera);
?>

y aqui para que crees el archivo conecta.php (donde iran los datos de la base de datos)

Código PHP:
<?php
function Conectarse()
{
if (!(
$link=mysql_connect("NOMBRE DE SERVIDOR DE SQL","NOMBRE DEL USUARIO DE LA BD","CONTRASEÑA")))
{
echo 
"Error conectando a la base de datos.";
exit();
}
if (!
mysql_select_db("NOMBRE DE LA BD",$link))
{
echo 
"Error seleccionando la base de datos.";
exit();
}
return 
$link;
}
$link=Conectarse();
?>
saludos!!
  #4 (permalink)  
Antiguo 10/07/2010, 17:39
Avatar de Carlangueitor
Moderador ლ(ಠ益ಠლ)
 
Fecha de Ingreso: marzo-2008
Ubicación: México
Mensajes: 9.968
Antigüedad: 9 años, 8 meses
Puntos: 1314
Respuesta: Formulario de contacto

XxflezhaxX, tu código no está mal, pero tiene muchos elementos obsoletos de HTML como <b> y <center> tampoco se que intentaste con esto: [B ]Nombre:[/B]

Saludos
__________________
Grupo Telegram Docker en Español
  #5 (permalink)  
Antiguo 10/07/2010, 17:40
 
Fecha de Ingreso: noviembre-2009
Ubicación: Barcelona
Mensajes: 214
Antigüedad: 8 años
Puntos: 6
Respuesta: Formulario de contacto

lo que pasa que intentaba marcarle en negritas
algunos campos importantes

pero vi que al estar encerradas en codigo html o php, no se mostraba y salia el codigo.
si ves ya edite =P
_________________________________________________> >>
y lo de <b> y <center> en el codigo php. cuando alguien te contacta, sale la leyenda centrada y con el nombre (segun el formulario) en negritas.
por eso va el <b>".$nombre."</b>

Gracias por comunicarse con nosotros <b>".$nombre."</b>, en la brevedad posible nos pondremos en contacto con usted.

o un ejemplo:

Gracias por comunicarse con nosotros Flezha, en la brevedad posible nos pondremos en contacto con usted.

mira aqui un ejemplo: todo feo pero es un ejemplo =P
http://html09.freeiz.com/

Última edición por XxflezhaxX; 10/07/2010 a las 17:50
  #6 (permalink)  
Antiguo 10/07/2010, 23:50
 
Fecha de Ingreso: diciembre-2009
Mensajes: 11
Antigüedad: 8 años
Puntos: 0
Respuesta: Formulario de contacto

Gracias por su tiempo a ambos, XxflezhaxX no me ha funcionado , da el mensaje como que lo envia, pero nunca llega, habra alguna posibilidad de que me digas como tendria que hacer para generar los dos PHP Respuesta y Conecta, pero con los datos de mi Html, te paso todo el codigo de la pagina contacto contac_us.html ,gracais de nuevo.

Código HTML:
Ver original
  1. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  2. <title>xxxxxxx</title>
  3. <link href="css/style.css" rel="stylesheet" type="text/css" media="screen" />
  4.  
  5. <!--Drop dawn starts -->
  6. <script type="text/javascript" src="js/jquery-1.2.6.min.js"></script>
  7. <script type="text/javascript" src="js/custom.js"></script>
  8. <!--Drop dawn ends -->
  9.  
  10. <!--Navigation starts -->
  11. <script type="text/javascript" src="js/jquery.easing.min.js"></script>
  12. <script type="text/javascript" src="js/jquery.lavalamp.min.js"></script>
  13. <script type="text/javascript">
  14.         $(function() {
  15.             $(".lavaLampBottomStyle").lavaLamp({
  16.                 fx: "backout",
  17.                 speed: 700,
  18.                 click: function(event, menuItem) {
  19.                     return true;
  20.                 }
  21.             });
  22.         });
  23.     </script>
  24. <!--Navigation ends -->
  25.    
  26. <!--IE png fix starts -->  
  27. <script type="text/javascript" src="js/DD_belatedPNG.js"></script>
  28. <script type="text/javascript">
  29.   DD_belatedPNG.fix('#main_cointainer, img');
  30.   DD_belatedPNG.fix('#lavaLampBottomStyle, li, src');
  31.   DD_belatedPNG.fix('#quick, ul, src');
  32.   DD_belatedPNG.fix('#form, input, src');
  33.   </script>
  34. <!--IE png fix ends -->  
  35.  
  36. <!--Validation start -->
  37. <script type="text/javascript" src="js/validation.js"></script>
  38. <!--Validation end -->
  39.  
  40.    
  41. </head>
  42.  
  43.  
  44.  
  45.   <!--Main cointainer starts -->
  46.  
  47. <div id="main_cointainer">
  48.    
  49.    
  50.         <!--Top portion starts -->
  51.             <div class="topportion">
  52.                 <a href="index.html" title="xxxxxxxx"><img src="images/logo.gif" alt="MadeInBaires" /></a>
  53.                 <form action="#" method="get">
  54.                 <div class="search">
  55.                 <input type="text" value="Buscar" onclick="value=''" onblur="value='search here...'" />
  56.                 </div>
  57.                 </form>        
  58.             <br class="spacer" />
  59.             </div> 
  60.             <!--Top portion ends -->
  61.            
  62.            
  63.             <!--Navigation portion starts -->
  64.             <div class="nav">
  65.             <ul class="lavaLampBottomStyle">
  66.                 <li class="current"><a href="index.html" title="home">Home</a></li>
  67.                 <li><a href="about_us.html" title="Nosotros">Nosotros</a></li>
  68.                 <li><a href="product.html" title="Servicios">Servicios</a></li>
  69.                 <li><a href="services.html" title="Lo Nuevo">Lo Nuevo</a></li>
  70.                 <li><a href="portfolio.html" title="portfolio">Portfolio</a></li>
  71.                 <li class="last"><a href="contact_us.html" title="Contacto">Contacto</a></
  72.             </ul>
  73.                        
  74.             </div>
  75.             <img src="images/nav_shadow.png" alt="" />
  76.            
  77.            
  78.             <!--Navigation portion ends -->
  79.                
  80.             <!--Header Portion starts -->
  81.             <div id="strip">           
  82.             </div>
  83.             <!--Header Portion ends -->
  84.            
  85.             <!--Body Portion Starts -->
  86.             <div class="body">
  87.            
  88.                 <div class="left">
  89.                     <h1 class="about">Contactenos</h1>
  90.                     <p>Para contactarnos<br/>Llene el siguiente formulario</p>
  91.                     <div class="form">
  92.                                 <form name="contact" method="post" action="respuesta.php" enctype="multipart/form-data" onsubmit="return checkForm(this);">
  93.                                 <label><span>Nombre:</span><input type="text" name="fname"/></label>
  94.                                 <label><span>Apellido:</span><input type="text" name="lname"/></label>
  95.                                 <label><span>Email:</span><input type="text" name="email"/></label>
  96.                                 <label><span>Telefono:</span><input type="text" name="phone"/></label>
  97.                                 <label class="last"><span>Mensaje:</span><textarea name="comment" cols="" rows="" >Valid Form - Powered By Custom JavaScript...
  98. Form Mailer - Powered By Custom PHP Script...</textarea>
  99.                                 </label>
  100.                                 <label class="btnsub"><input name="" type="submit" title="submit" class="submission" /></label>                                  
  101.                                 </form>
  102.                                 </div>
  103.                    
  104.                 </div>
  105.                
  106.                             <br class="spacer"/>
  107.             </div>
  108.             <!--Body Portion Ends -->  
  109.    
  110. </div>
  111. <!--Main cointainer ends -->
  112.  
  113. <!--Footer Portion Starts -->
  114.     <div id="footer">
  115.         <div>
  116.         <p class="phone"><a href="xxxxxxxxx">xxxxxx</a></p>
  117.         <p class="copyright">Copyright 2009 &copy; xxxxxx</p>
  118.  
  119.         </div>         
  120.     </div>
  121. <!--Footer Portion Ends -->
  122. </body>
  123.  
  124.  
  125. </html>
  #7 (permalink)  
Antiguo 11/07/2010, 01:33
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 10 años, 5 meses
Puntos: 1567
Respuesta: Formulario de contacto

nic95:

El código que te mandaron no lo entiendo, porque si bien parece ser funcional, incluye la conexión a una base de datos, etc. y como vos decis que estas comenzando. supongo al menos que sabes de que se trata php.

prueba con esto, modifica solo la dirección de email a la cual quieres que te llegue el formulario, sube el archivo a tu servidor y pruebalo. Es muy básico y no tiene funciones de verificación, pero para comenzar y descartar otro error, creo que es más simple de implementar

código del archivo
formulario.php

Código PHP:

<?php
$aviso 
"";
// check form  
if ($_POST['email'] != "") {
    
// email de destino
    
$email "[email protected]";  #####poner aqui el email al que ae quiere que llegue el form
    // asunto del email
    
$subject "Contacto";
##########################    

$para      "$email ";
$titulo 'Formulario desde la Web ';
$mensaje "NOMBRE: " $_POST['nombre'] . "\r\n";
$mensaje .= "APELLIDO: " $_POST['apellido'] . "\r\n\r\n";
$mensaje .= "EMAIL: " $_POST['email'] . "\r\n";
$mensaje .= "--------------------------------------------------------------\r\n";
$mensaje .= "";
$mensaje .= "--------------------------------------------------------------\r\n";
$cabeceras "From: " $_POST['email'] . "\r\n" .
    
"Reply-To: no-reply" "\r\n" .
    
'X-Mailer: PHP/' phpversion() ."\r\n" "Content-type: text/plain; charset='utf-8'";

$m =mail($para$titulo$mensaje$cabeceras);
    if (
$m) {
        
$aviso "Su mensaje fue enviado correctamente";
    } else {
        
$aviso "Error al enviar";
    }

}
?>
<!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=UTF-8" />
<title>Formulario</title>

</head>
<body>
<h2>Formulario</h2>
<?php if ($aviso != "") { ?>
<p><em><?php echo $aviso?></em></p>
<?php ?>
<form action="" method="post">
    <label for="nombre">Nombres</label> <input name="nombre" id="nombre" type="text" /><br />
    <label for="empresa">Empresa</label> <input name="empresa" id="empresa" type="text" /><br />
    <label for="email">Email</label> <input name="email" id="email" type="text" /><br />
    <label for="mensaje">Comentario</label> <textarea name="mensaje" cols="30" rows="6" id="mensaje"></textarea><br />
    <label for="envio">&nbsp;</label> <button name="envio" id="envio" type="submit">Enviar</button>
</form>
</body>
</html>

Si tienes más dudas, mejor que postees en PHP

Saludos
  #8 (permalink)  
Antiguo 24/09/2010, 12:37
 
Fecha de Ingreso: septiembre-2010
Mensajes: 2
Antigüedad: 7 años, 2 meses
Puntos: 0
Respuesta: Formulario de contacto

hola amigos yo cree un formulario tambien pero cuando le doi enviar me abre es otra ventana y me muestra los codigos que coloque en enviar.php noc que tengo que hacer de hay ayudenme saludos soy nuevo en esto..
  #9 (permalink)  
Antiguo 24/09/2010, 13:42
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 10 años, 5 meses
Puntos: 1567
Respuesta: Formulario de contacto

mensoqui:

Eso te sucede por que tu servidor no está ejecuntando php, si tu php estuviese mal hecho, te informaría de un error pero si sencillamente te muestra el código, es que está tratando a tu archivo como un simple archivo de texto. deberás consultar al administrador de tu host para que te diga si soporta o no php



Saludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.

Etiquetas: contacto, formulario
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 08:42.