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
 
 

