[SOLUCIONADO] Cómo crear un formulario php dentro de html

somaria · #1 (**permalink**) 20/04/2016, 18:20

Hola a todos,
Tengo el siguiente problema como puedo en una plantilla html, dentro de ello poner un formulario php, a fin de que eso sea el formulario de contáctenos y ello que no se logre enviar al correo sin que se haya llenado por completo el formulario, para mejor entender les adjunto el código de html, alguien sabe de “emprear”, ya no lo veo por este foro.
A la espera de sus respuesta.

<!DOCTYPE html>
<html lang="en">
<head>

<meta http-equiv="content-type" content="text/html; charset=UTF-8">

<title>Centro de Conciliación Extrajudicial Agenda de Acuerdos Legales, Miraflores Perú.
Descripción: Nuestro horario de atención es corrido de Lunes a Sábado de 8:30 a.m a 7:00 p.m, [email protected]
</title>

<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Bienvenido al Centro de Conciliación Extrajudicial Agenda de Cuerdos Legales, ubicado en el Distrito de Miraflores, contamos con un equipo de conciliadores preparados, capacitados y autorizados por el ministerio de justicia a fin de poder lograr los acuerdos más convenientes para tu problema">
<meta name="keywords" content="Centro de Conciliación Extrajudicial Agenda de Acuerdos Legales, Miraflores Perú. ">
<meta name="author" content="">


<link href="css/bootstrap.css" rel="stylesheet">

<link rel="stylesheet" href="css/font-awesome.css">

<link href="css/flexslider.css" rel="stylesheet">

<link href="css/owl-carousel.css" rel="stylesheet">

<link rel="stylesheet" type="text/css" href="rs-plugin/css/settings.css" media="screen" />

<link href="style.css" rel="stylesheet">

<link href='http://fonts.googleapis.com/css?family=Lato:400,400italic,700,700italic,900,30 0' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Roboto:400,300,300italic,400italic,500, 500italic,700,700italic,900' rel='stylesheet' type='text/css'>







</head>
<body>

<div class="animationload">
<div class="loader">Loading...</div>
</div>

<div class="topbar">
<div class="container">
<div class="row">
<div class="col-lg-6 col-md-6 col-sm-12">
<div class="callout">
<span class="topbar-email"><i class="fa fa-envelope"></i> <a href="[email protected]">inf [email protected]</a></span>
<span class="topbar-phone"><i class="fa fa-phone"></i> Teléfono: (01) 272-9493</span>
</div>
</div>
<div class="col-lg-6 col-md-6 col-sm-12">
<div class="topbar_social pull-right">
<span class="facebook"><a data-toggle="tooltip" data-placement="bottom" title="Facebook" href="https://www.facebook.com/agendadeacuerdoslegales/"><i class="fa fa-facebook"></i></a></span>
<span class="google-plus"><a data-toggle="tooltip" data-placement="bottom" title="Google Plus" href="#"><i class="fa fa-google-plus"></i></a></span>
<span class="twitter"><a data-toggle="tooltip" data-placement="bottom" title="Twitter" href="https://twitter.com/?lang=es"><i class="fa fa-twitter"></i></a></span>
<span class="linkedin"><a data-toggle="tooltip" data-placement="bottom" title="Linkedin" href="https://pe.linkedin.com/in/agenda-de-acuerdos-legales-4a1b50116"><i class="fa fa-linkedin"></i></a></span>
<span class="skype"><a data-toggle="tooltip" data-placement="bottom" title="Skype" href="agendadeacuerdoslegales"><i class="fa fa-skype"></i></a></span>
<span class="instagram"><a data-toggle="tooltip" data-placement="bottom" title="Instagram" href="https://www.instagram.com/agendadeacuerdoslegales/"><i class="fa fa-instagram"></i></a></span>
</div>
</div>
</div>
</div>
</div>

<header class="header">
<div class="container">
<nav class="navbar yamm navbar-default">
<div class="navbar-header">
<button type="button" data-toggle="collapse" data-target="#navbar-collapse-1" class="navbar-toggle">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a href="index.html" class="navbar-brand"><img src="images/Isologo.jpg" width="80%" alt="Agenda de Acuerdos Legales"></a>
</div>

<div id="navbar-collapse-1" class="navbar-collapse collapse navbar-right">
<ul class="nav navbar-nav">
<li><a href="index.html">Inicio</a></li>


<li><a href="staff.html">Staff</a></li>
<li><a href="servicios.html">Servicios</a></li>
<li><a href="sesoria.html">Asesoria</a></li>

</li>
<li><a href="preguntas.html">Preguntas frecuentes</a></li>
<ul class="dropdown-menu">
<li>

<div class="row">

somaria · #2 (**permalink**) 20/04/2016, 18:29

</div>

</li>
</ul>
</li>
<li class="active"><a href="contact.html">Contáctenos</a></li>
<li class="last_item"><a href="shop.html"><i class="fa fa-shopping-cart"></i></a></li>
</ul>
</div>
</nav>
</div>
</header>
<div class="shadow"></div>

<div class="post-wrapper-top clearfix">
<div class="container">
<div class="col-lg-12">
<h2>Contáctenos</h2>
<ul class="breadcrumb pull-right">
<li><a href="index.html">Inicio</a></li>
<li>Contáctenos</li>
</ul>
</div>
</div>
</div>

<div id="map"></div>

<div class="clearfix"></div>

<div class="white-wrapper">
<div class="container">
<div class="row ">
<div class="col-lg-7 col-md-7 col-sm-7 col-xs-12">
<div class="big-title clearfix">
<h3>Escríbenos</h3>
</div>
<div class="contact_form">
<div id="message"></div>
<form id="contactform" action="http://jollythemes.com/jollymedic/jollymedic-wide/contact.php" role="form" class="row online_form_builder_big">
<div class="col-md-6">
<label for="name"> Nombre</label>
<input type="text" class="form-control" id="name" placeholder="">
</div>
<div class="col-md-6">
<label for="email">Email </label>
<input type="text" class="form-control" id="email">
</div>
<div class="col-md-12">
<label for="website">Asunto</label>
<input type="text" class="form-control" id="website">
</div>
<div class="clearfix"></div>
<div class="col-md-12">
<label for="comments">Mensaje</label>
<textarea class="form-control" id="comments"></textarea>
</div>
<div class="clearfix"></div>
<div class="col-md-12">
<button type="submit" value="SEND" id="submit" class="btn btn-lg btn-primary pull-right">ENVIAR AHORA</button>
</div>
</form>
</div>
</div>
<div class="col-lg-5 col-md-5 col-sm-5 col-xs-12">
<div class="big-title clearfix">
<h3>Información del Contacto</h3>
</div>

<p> Si Usted, desea que nuestros conciliadores lo ayuden a llegar a un acuerdo , podrá contactarnos:</p>

<ul class="contact_details_1">
<li><i class="fa fa-map-marker"></i> <span>Dirección::</span> Calle Elias Aguirre N°126 - Oficina N° 206, Miraflores.<br>
<i class="fa fa-clock-o" ></i> <span>Horarios de atención:</span>Lun. a Sáb. de 9:00 a.m. a 7:00 p.m. <br>

<li><i class="fa fa-mobile-phone"></i> <span>Teléfono:</span> (01) 272-9493 <br>

<i class="fa fa-envelope-o"></i> <span>Email:</span> [email protected]<br>
</li>
</ul>

</div>
</div>
</div>
</div>

<footer class="footer">
<div class="container">
<div class="row">
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
<!--<div class="widget">
<img src="images/flogo.png" alt="JollyMedic" class="flogo img-responsive">
<p>Quisque et sollicitudin erat. Aenean nulla orci, posuere at molestie et, sagittis a magna. Pellentesque ultricies feugiat arcu, a sagittis dolor adipiscing.</p>
<p>Cras magna augue, lacinia id purus eu, dictum mattis nunc. Nullam volutpat, urna at pretium pharetra, lectus lacus posuere orci, a varius leo magna a erat. </p>

somaria · #3 (**permalink**) 20/04/2016, 18:29

<div class="social-icons">
<span class="facebook"><a data-toggle="tooltip" data-placement="bottom" title="Facebook" href="#"><i class="fa fa-facebook"></i></a></span>
<span class="google-plus"><a data-toggle="tooltip" data-placement="bottom" title="Google Plus" href="#"><i class="fa fa-google-plus"></i></a></span>
<span class="twitter"><a data-toggle="tooltip" data-placement="bottom" title="Twitter" href="#"><i class="fa fa-twitter"></i></a></span>
<span class="linkedin"><a data-toggle="tooltip" data-placement="bottom" title="Linkedin" href="#"><i class="fa fa-linkedin"></i></a></span>
</div>
</div>
</div>

<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
<div class="widget">
<div class="title">
<h3>Información de contacto</h3>
</div>
<div class="contact_widget">
<ul>
<li><i class="fa fa-map-marker"></i>Calle Elías Aguirre Nro. 126 - Of. 206 Miraflores</li>
<li><i class="fa fa-envelope-o"></i> <a href="mailto:[email protected]. pe" title="">[email protected]</a></li>
<li><i class="fa fa-phone"></i> Teléfono: (01) 272-9493</li>
</ul>

</div>
</div>

</div>
</div>
</div>
</div>
</footer>

<div class="copyright">
<div class="container">
<div class="row">
<div class="col-lg-5 col-md-6 col-sm-12">
<div class="copyright-text">
<p>Copyright © 2016 - Derechos Reservados</p>
</div>
</div>
<div class="col-lg-7 col-md-6 col-sm-12">
<div class="footer-menu">
<ul class="menu pull-right">
<li class="active"><a href="index.html">Inicio</a></li>
<li><a href="staff.html">Staff</a></li>
<li><a href="servicios.html">Servicios</a></li>
<li><a href="asesoria.html">Asesoría Jurídica</a></li>
<li><a href="preguntas.html">Preguntas frecuentes</a></li>
<li><a href="contactenos.html">Contáctenos</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>

<div class="dmtop">Scroll to Top</div>


<script src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script src="js/jquery.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/bootstrap-datetimepicker.js"></script>
<script src="js/menu.js"></script>
<script src="js/retina-1.1.0.js"></script>
<script src="js/jquery.jigowatt.js"></script>
<script src="js/custom.js"></script>


<script type="text/javascript">
(function($) {
"use strict";
var locations = [
['<div class="infobox"><h3 class="title"><a href="about1.html">OUR USA OFFICE</a></h3><span>NEW YORK CITY 2045 / 65</span><br>+90 555 666 77 88</p></div></div></div>', -12.118526, -77.034633]
];

var map = new google.maps.Map(document.getElementById('map'), {
zoom: 10,
scrollwheel: false,
navigationControl: true,
mapTypeControl: false,
scaleControl: false,
draggable: true,
styles: [ { "stylers": [ { "hue": "#21C2F8" }, {saturation: 0},
{gamma: 0.50} ] } ],
center: new google.maps.LatLng(-12.118526, -77.034633),
mapTypeId: google.maps.MapTypeId.ROADMAP
});

var infowindow = new google.maps.InfoWindow();

var marker, i;

for (i = 0; i < locations.length; i++) {

marker = new google.maps.Marker({
position: new google.maps.LatLng(locations[i][1], locations[i][2]),
map: map ,
icon: 'images/marker.png'
});

google.maps.event.addListener(marker, 'click', (function(marker, i) {
return function() {
infowindow.setContent(locations[i][0]);
infowindow.open(map, marker);
}
})(marker, i));
}
})(jQuery);
</script>-->

</body>
</html>

Rafael · #4 (**permalink**) 21/04/2016, 11:33

Cita:

para mejor entender les adjunto el código de html

Ok Primero que nada, no. Yo NO voy a leer todo el código. Es una plantilla TÚ tienes que hacer la tarea, no nosotros.

Cita:

poner un formulario php

No existe tal cosa como un formulario php. Es un formulario en html. Un formulario después de llenarlo lo disparas al servidor, donde haces cosas para procesarlo. Ya sea validarlo, enviarlo a un correo o enviarlo a una base de datos.

Cita:

no se logre enviar al correo sin que se haya llenado por completo

Esa parte se llama validación. Y puede darse por html5 https://www.google.com.mx/search?q=html5+required

por validación Javascript https://www.google.com.mx/search?q=jquery+validate

o por validación php. https://www.google.com.mx/search?q=validate+php

Pero mi recomendación es que uses algo que puedas tú usar https://www.google.com/intl/es-419_mx/forms/about/ ya que tooooodo lo demás necesitas saber programación.