Formulario de contacto

nic95 · #1 (**permalink**) 10/07/2010, 16:11

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>

Carlangueitor · #2 (**permalink**) 10/07/2010, 16:20

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

Saludos

XxflezhaxX · #3 (**permalink**) 10/07/2010, 16:36

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!!

Carlangueitor · #4 (**permalink**) 10/07/2010, 16:39

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

XxflezhaxX · #5 (**permalink**) 10/07/2010, 16:40

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/

nic95 · #6 (**permalink**) 10/07/2010, 22:50

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<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>xxxxxxx</title>
<link href="css/style.css" rel="stylesheet" type="text/css" media="screen" />
 
<!--Drop dawn starts -->
<script type="text/javascript" src="js/jquery-1.2.6.min.js"></script>
<script type="text/javascript" src="js/custom.js"></script>
<!--Drop dawn ends -->
 
<!--Navigation starts -->
<script type="text/javascript" src="js/jquery.easing.min.js"></script>
<script type="text/javascript" src="js/jquery.lavalamp.min.js"></script>
<script type="text/javascript">
        $(function() {
            $(".lavaLampBottomStyle").lavaLamp({
                fx: "backout",
                speed: 700,
                click: function(event, menuItem) {
                    return true;
                }
            });
        });
    </script>
<!--Navigation ends -->
    
<!--IE png fix starts -->   
<script type="text/javascript" src="js/DD_belatedPNG.js"></script>
<script type="text/javascript"> 
  DD_belatedPNG.fix('#main_cointainer, img');
  DD_belatedPNG.fix('#lavaLampBottomStyle, li, src');
  DD_belatedPNG.fix('#quick, ul, src'); 
  DD_belatedPNG.fix('#form, input, src'); 
  </script> 
<!--IE png fix ends -->  
 
<!--Validation start -->
<script type="text/javascript" src="js/validation.js"></script>
<!--Validation end -->
 
    
</head>
 
<body>
 
 
  <!--Main cointainer starts -->
 
<div id="main_cointainer">
    
    
        <!--Top portion starts -->
            <div class="topportion">
                <a href="index.html" title="xxxxxxxx"><img src="images/logo.gif" alt="MadeInBaires" /></a>
                <form action="#" method="get">
                <div class="search">
                <input type="text" value="Buscar" onclick="value=''" onblur="value='search here...'" />
                </div>
                </form>         
            <br class="spacer" />
            </div>  
            <!--Top portion ends -->
            
            
            <!--Navigation portion starts -->
            <div class="nav">
            <ul class="lavaLampBottomStyle">
                <li class="current"><a href="index.html" title="home">Home</a></li>
                <li><a href="about_us.html" title="Nosotros">Nosotros</a></li>
                <li><a href="product.html" title="Servicios">Servicios</a></li>
                <li><a href="services.html" title="Lo Nuevo">Lo Nuevo</a></li>
                <li><a href="portfolio.html" title="portfolio">Portfolio</a></li>
                <li class="last"><a href="contact_us.html" title="Contacto">Contacto</a></
            </ul>
                        
            </div>
            <img src="images/nav_shadow.png" alt="" />
            
            
            <!--Navigation portion ends -->
                
            <!--Header Portion starts -->
            <div id="strip">            
            </div>
            <!--Header Portion ends -->
            
            <!--Body Portion Starts -->
            <div class="body">
            
                <div class="left">
                    <h1 class="about">Contactenos</h1>
                    <p>Para contactarnos<br/>Llene el siguiente formulario</p>
                    <div class="form">
                                <form name="contact" method="post" action="respuesta.php" 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="" >Valid Form - Powered By Custom JavaScript... 
Form Mailer - Powered By Custom PHP Script...</textarea>
                                </label>
                                <label class="btnsub"><input name="" type="submit" title="submit" class="submission" /></label>                                  
                                </form>
                                </div>
                    
                </div>
                
                            <br class="spacer"/>
            </div>
            <!--Body Portion Ends -->   
    
</div>
<!--Main cointainer ends -->
 
<!--Footer Portion Starts -->
    <div id="footer">
        <div>
        <p class="phone"><a href="xxxxxxxxx">xxxxxx</a></p>
        <p class="copyright">Copyright 2009 &copy; xxxxxx</p>
 
        </div>          
    </div>
<!--Footer Portion Ends -->
</body>
 
 
</html>

emprear · #7 (**permalink**) 11/07/2010, 00:33

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

mensoqui · #8 (**permalink**) 24/09/2010, 11:37

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..

emprear · #9 (**permalink**) 24/09/2010, 12:42

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