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



