Como hacer que mi formulario de contacto me envie la informacion a un correo
Publicado por Julio (2 intervenciones) el 17/02/2017 18:39:25
Buenas tardes quisiera saber como hago para que mi formulario de contacto envie la informacion a un correo electronico y almacene igualmente en una base de datos mysql adjunto el codigo html.
ya eh intentado varias cosas y no me funciona
Espero puedan ayudarme.
1
<!DOCTYPE html><html lang="en"> <head> <!-- Basic Page Needs ================================================== --> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title></title> <!-- Mobile Specific Metas ================================================== --> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- Favicon --> <link rel="shortcut icon" type="image/icon" href="img/wpf-favicon.png"/> <!-- CSS ================================================== --> <!-- Bootstrap css file--> <link href="css/bootstrap.min.css" rel="stylesheet"> <!-- Font awesome css file--> <link href="css/font-awesome.min.css" rel="stylesheet"> <!-- Superslide css file--> <link rel="stylesheet" href="css/superslides.css"> <!-- Slick slider css file --> <link href="css/slick.css" rel="stylesheet"> <!-- Circle counter cdn css file --> <link rel='stylesheet prefetch' href='https://cdn.rawgit.com/pguso/jquery-plugin-circliful/master/css/jquery.circliful.css'> <!-- smooth animate css file --> <link rel="stylesheet" href="css/animate.css"> <!-- preloader --> <link rel="stylesheet" href="css/queryLoader.css" type="text/css" /> <!-- gallery slider css --> <link type="text/css" media="all" rel="stylesheet" href="css/jquery.tosrus.all.css" /> <!-- Default Theme css file --> <link id="switcher" href="css/themes/default-theme.css" rel="stylesheet"> <!-- Main structure css file --> <link href="style.css" rel="stylesheet"> <!-- Google fonts --> <link href='http://fonts.googleapis.com/css?family=Merriweather' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Varela' rel='stylesheet' type='text/css'> <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script> <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> <![endif]--> </head> <body> <!-- SCROLL TOP BUTTON --> <a class="scrollToTop" href="#"></a> <!-- END SCROLL TOP BUTTON --> <!--=========== BEGIN HEADER SECTION ================--> <header id="header"> <!-- BEGIN MENU --> <div class="menu_area"> <nav class="navbar navbar-default navbar-fixed-top" role="navigation"> <div class="container"> <div class="navbar-header"> <!-- FOR MOBILE VIEW COLLAPSED BUTTON --> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"> <span class="sr-only">Barra de menu</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <!-- LOGO --> <!-- TEXT BASED LOGO --> <a class="navbar-brand" href="index.html">GRUPO <span></span></a> <!-- IMG BASED LOGO --> <!-- <a class="navbar-brand" href="index.html"><img src="img/logo.png" alt="logo"></a> --> </div> <div id="navbar" class="navbar-collapse collapse"> <ul id="top-menu" class="nav navbar-nav navbar-right main-nav"> <li class="active"><a href="index.html">Inicio</a></li> <li><a href="nosotros.html">Nosotros</a></li> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Servicios<span class="caret"></span></a> <ul class="dropdown-menu" role="menu"> <li><a href="vigilancia.html">Vigilancia Privada</a></li> <li><a href="encomienda.html">Servicio de Encomiendas</a></li> <li><a href="mantenimiento.html">Servicio de Mantenimiento</a></li> <li><a href="uniforme.html">Confección de Uniformes</a></li> </ul> <li><a href="cotizacion.html">Cotizacion</a></li> <li><a href="contacto.html">Contacto</a></li> </li> </ul> </div><!--/.nav-collapse --> </div> </nav> </div> <!-- END MENU --> </header> <!--=========== END HEADER SECTION ================--> <!--=========== BEGIN COURSE BANNER SECTION ================--> <p> </p> <p> </p> <!--=========== END COURSE BANNER SECTION ================--> <!--=========== BEGIN CONTACT SECTION ================--> <section id="contact"> <div class="container"> <div class="row"> <div class="col-lg-12 col-md-12"> <div class="title_area"> <h2 class="title_two">Contáctenos - ¡Estamos para servirle!</h2> <span></span> <p>Puedes contactarnos de la manera que gustes. Todo comienza planteando tu requerimiento...</p> </div> </div> </div> <div class="row"> <div class="col-lg-8 col-md-8 col-sm-8"> <div class="contact_form wow fadeInLeft"> <form name="contactform" method="post" action="send_form_email.php"> <input name="nombre" type="text" class="wp-form-control wpcf7-text" placeholder="Nombre y Apellido"> <input name"email" type="mail" class="wp-form-control wpcf7-email" placeholder="Correo Electronico"> <input name="asunto" type="text" class="wp-form-control wpcf7-text" placeholder="Asunto"> <textarea name="mensaje" class="wp-form-control wpcf7-textarea" cols="30" rows="10" placeholder="¿Qué le gustaría decirnos?"></textarea> <input type="submit" value="Enviar Mensaje" class="wpcf7-submit"> </form> </div> </div> <div class="col-lg-4 col-md-4 col-sm-4"> <div class="contact_address wow fadeInRight"> <h3>Direccion</h3> <div class="address_group"> <p></p> <p>Teléfonos: </p> <p>Correo Electronico: </p> </div> <div class="address_group"> <ul class="footer_social"> <li><a data-toggle="tooltip" data-placement="top" title="Facebook" class="soc_tooltip" href="" target="_blank"><i class="fa fa-facebook"></i></a></li> <li><a data-toggle="tooltip" data-placement="top" title="Twitter" class="soc_tooltip" href="#" target="_blank""><i class="fa fa-twitter"></i></a></li> <li><a data-toggle="tooltip" data-placement="top" title="Instagram" class="soc_tooltip" href="" target="_blank"><i class="fa fa-instagram"></i></a></li> </ul> </div> </div> </div> </div> </div> </section> <!--=========== END CONTACT SECTION ================--> <!--=========== BEGIN GOOGLE MAP SECTION ================--> <section id="googleMap"> <iframe width="100%" height="500" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://www.google.com/maps?f=q&source=s_q&hl=en&geocode=&q=200+Lincoln+Ave,+Salinas,+CA,+USA&aq=&sll=30.977609,-95.712891&sspn=42.157377,86.572266&ie=UTF8&hq=&hnear=200+Lincoln+Ave,+Salinas,+California+93901-2639&t=m&z=14&ll=36.674837,-121.657691&output=embed"></iframe> </section> <!--=========== END GOOGLE MAP SECTION ================--> <!--=========== BEGIN FOOTER SECTION ================--> <footer id="footer"> <!-- Start footer top area --> <div class="footer_top"> <div class="container"> <div class="row"> <div class="col-ld-3 col-md-3 col-sm-3"> <div class="single_footer_widget"> <h3>Menu</h3> <ul class="footer_widget_nav"> <li><a href="nosotros.html"><img src="img/usuario.png" alt=""> Nosotros</a></li> <li><a href="servicio.html"><img src="img/servicios.png" alt=""> Servicios</a></li> <li><a href="cotizacion.html"><img src="img/contrato.png" alt="">Cotizacion</a></li> <li><a href="contacto.html"><img src="img/contactanos.png" alt=""> Contacto</a></li> </div> </div> <div class="col-ld-3 col-md-3 col-sm-3"> <div class="single_footer_widget"> <h3></h3> <ul class="footer_widget_nav"> <!-- <li><a href="#">Link 1</a></li> <li><a href="#">Link 2</a></li> <li><a href="#">Link 3</a></li> <li><a href="#">Link 4</a></li> <li><a href="#">Link 5</a></li> --> </ul> </div> </div> <div class="col-ld-3 col-md-3 col-sm-3"> <div class="single_footer_widget"> <h3>Redes Sociales</h3> <ul class="footer_social"> <li><a data-toggle="tooltip" data-placement="top" title="Facebook" class="soc_tooltip" href="" target="_blank"><i class="fa fa-facebook"></i></a></li> <li><a data-toggle="tooltip" data-placement="top" title="Twitter" class="soc_tooltip" href="" target="_blank"><i class="fa fa-twitter"></i></a></li> <li><a data-toggle="tooltip" data-placement="top" title="Instagram" class="soc_tooltip" href="" target="_blank"><i class="fa fa-instagram"></i></a></li> </ul> </div> </div> <div class="col-ld-3 col-md-3 col-sm-3"> <div class="single_footer_widget"> <h3>Información de Contacto</h3> <p><img src="img/gps.png" alt=""> Dirección: </p> <p><img src="img/tlf.png" alt=""> Teléfonos: </p> <p><img src="img/correo.png" alt=""> Correo Electronico: </p> </ul> </div> </div> </div> </div> </div> <!-- End footer top area --> <!-- Start footer bottom area --> <div class="footer_bottom"> <div class="container"> <div class="row"> <div class="col-lg-6 col-md-6 col-sm-6"> <div class="footer_bootomLeft"> <p> ©2017 | Todos los Derechos Reservados</p> </div> </div> <div class="col-lg-6 col-md-6 col-sm-6"><!-- <div class="footer_bootomRight"> </div>--> </div> </div> </div> </div> <!-- End footer bottom area --> </footer> <!--=========== END FOOTER SECTION ================--> <!-- Javascript Files ================================================== --> <!-- initialize jQuery Library --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <!-- Preloader js file --> <script src="js/queryloader2.min.js" type="text/javascript"></script> <!-- For smooth animatin --> <script src="js/wow.min.js"></script> <!-- Bootstrap js --> <script src="js/bootstrap.min.js"></script> <!-- slick slider --> <script src="js/slick.min.js"></script> <!-- superslides slider --> <script src="js/jquery.easing.1.3.js"></script> <script src="js/jquery.animate-enhanced.min.js"></script> <script src="js/jquery.superslides.min.js" type="text/javascript" charset="utf-8"></script> <!-- for circle counter --> <script src='https://cdn.rawgit.com/pguso/jquery-plugin-circliful/master/js/jquery.circliful.min.js'></script> <!-- Gallery slider --> <script type="text/javascript" language="javascript" src="js/jquery.tosrus.min.all.js"></script> <!-- Custom js--> <script src="js/custom.js"></script> </body></html>
ya eh intentado varias cosas y no me funciona
Espero puedan ayudarme.
Valora esta pregunta
0
