Codigo Html
Código:
Procesador PHP<head> <meta charset="utf-8"> <meta http-equiv="Content-Type" content="text/html"> <title>Horizontal Application Form - Template Monster Demo</title> <meta name="author" content="Jake Rocheleau"> <link rel="shortcut icon" href="http://static.tmimgcdn.com/img/favicon.ico"> <link rel="icon" href="http://static.tmimgcdn.com/img/favicon.ico"> <link rel="stylesheet" type="text/css" media="all" href="css/styles.css"> <link rel="stylesheet" type="text/css" media="all" href="css/switchery.min.css"> <script type="text/javascript" src="js/switchery.min.js"></script> </head> <body> <div id="wrapper"> <h1>Formulario de Reservacion</h1> <form onsubmit="return false" method="post" action="send1.php"> <div class="col-2"> <label> Nombre <input placeholder="Escriba su Nombre Completo?" id="nombre" name="nombre" tabindex="1"> </label> </div> <div class="col-2"> <label> Cual es su Pais <input placeholder="Escriba su pais?" id="pais" name="pais" tabindex="2"> </label> </div> <div class="col-3"> <label> Numero De Telefono <input placeholder="Su numero de telefono o Celular?" id="telefono" name="telefono" tabindex="3"> </label> </div> <div class="col-3"> <label> Email <input placeholder="Escriba su Correo Electronico?" id="email" name="email" tabindex="4"> </label> </div> <div class="col-3"> <label> Habitacion <select tabindex="5" id="habitacion" name="habitacion"> <option>Los Frailes</option> <option>Salto de Nogal</option> <option>Media Luna</option> <option>El Cielo</option> <option>Las Lavandas</option> <option>San Franciscos</option> <option>Los Alcatraces</option> </select> </label> </div> <div class="col-4"> <label> Fecha de reservacion <input placeholder="DD-MM-AAAA" id="fecha" name="fecha" tabindex="6"> </label> </div> <div class="col-4"> <label> Personas que lo acompañan <input placeholder="Ecriba el numero 1, 2, 3 Etc.." id="personas" name="personas" tabindex="7"> </label> </div> <div class="col-4"> <label>Es Agencia de Viajes?</label> <center style="position:relative; margin-bottom:8px;"><input id="agencia" name="agencia" type="checkbox" class="js-switch"></center> </div> <div class="col-4 switch"> <label>Desea recibir promociones via E-mail</label> <center style="position:relative;margin-bottom:8px;"><input id="promociones" name="promociones" type="checkbox" class="js-switch"></center> </div> <div class="col-submit"> <button class="submitbtn">RESERVAR AHORA</button> </div> </form> </div> <script type="text/javascript"> var elems = Array.prototype.slice.call(document.querySelectorAll('.js-switch')); elems.forEach(function(html) { var switchery = new Switchery(html); }); </script> </body> </html>
Código:
Los link de prueba estan en<? //envio de datos $nombre = $_POST['nombre']; $telefono = $_POST['telefono']; $email = $_POST['email']; $fecha = $_POST['fecha']; $pais = $_POST['pais']; $habitacion = $_POST['habitacion']; $personas = $_POST['personas']; $agencia = $_POST['agencia']; $promociones = $_POST['promociones']; //fin de recepcion de datos //accion de envio $para='[email protected]'; $mensaje .=' Reservacion de: '.$nombre.' Email: '.$email.' Telefono: '.$telefono.' Pais: '.$pais.' Desea la habitacion: '.$habitacion.' Numero de personas: '.$personas.' Fecha de reservacion: '.$fecha.' Es una Agencia: '.$agencia.' Desea Promociones: '.$promociones.' '; $desde='from:'.$email.'[email protected]'; ini_set (sendmail_from,'[email protected]'); mail ($para, $mensaje, $desde); echo 'Gracias por su mensaje pronto lo contactaremos'; ?>
http://escueladeestilismo.com/cabalgata/reservacion/
agradezco de antemano su ayuda