"Travel Enquiry Form"
Bootstrap 3.3.0 Snippet by Awadheshp

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <!DOCTYPE html> <html lang="en"> <head> <title>Bootstrap Example</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> </head> <body> <div class="container"> <form class="form-horizontal"> <fieldset> <!-- Form Name --> <legend class="text-center">Plan your trip now</legend> <!-- Text input--> <div class="form-group col-sm-6"> <label class="col-md-4 control-label" for="NAME">Name</label> <div class="col-md-8"> <input id="NAME" name="NAME" placeholder="Name" class="form-control input-md" type="text"> </div> </div> <!-- Search input--> <div class="form-group col-sm-6"> <label class="col-md-4 control-label" for="email">Email</label> <div class="col-md-8"> <input id="email" name="email" placeholder="Email" class="form-control input-md" required="" type="search"> </div> </div> <!-- Text input--> <div class="form-group col-sm-6"> <label class="col-md-4 control-label" for="phone">Mobile</label> <div class="col-md-8"> <input id="phone" name="phone" placeholder="Mobile" class="form-control input-md" required="" type="text"> </div> </div> <!-- Select Basic --> <div class="form-group col-sm-6"> <label class="col-md-4 control-label" for="duration">Duration</label> <div class="col-md-8"> <select id="duration" name="duration" class="form-control"> <option value="1 Night/2 Days">Duration</option> <option value="2 Nights/3 Days">1 Night/2 Days</option> <option value="3 Nights/4 Days">2 Nights/3 Days</option> <option value="4 Nights/5 Days">3 Nights/4 Days</option> <option value="5 Nights/6 Days">4 Nights/5 Days</option> <option value="6 Nights/7 Days">5 Nights/6 Days</option> <option value="7 Nights/8 Days">6 Nights/7 Days</option> <option value="8 Nights/9 Days">7 Nights/8 Days</option> <option value="9 Nights/10 Days">8 Nights/9 Days</option> <option value="">9 Nights/10 Days</option> </select> </div> </div> <!-- Text input--> <div class="form-group col-sm-6"> <label class="col-md-4 control-label" for="people">People</label> <div class="col-md-8"> <input id="people" name="people" placeholder="Number of people" class="form-control input-md" required="" type="text"> </div> </div> <!-- Text input--> <div class="form-group col-sm-6"> <label class="col-md-4 control-label" for="date">Date</label> <div class="col-md-8"> <input id="date" name="date" placeholder="Travel date" class="form-control input-md" required="" type="text"> </div> </div> <!-- Text input--> <div class="form-group col-sm-6"> <label class="col-md-4 control-label" for="from">From</label> <div class="col-md-8"> <input id="from" name="from" placeholder="Place" class="form-control input-md" required="" type="text"> </div> </div> <!-- Text input--> <div class="form-group col-sm-6"> <label class="col-md-4 control-label" for="to">To</label> <div class="col-md-8"> <input id="to" name="to" placeholder="Place" class="form-control input-md" required="" type="text"> </div> </div> <!-- Select Basic --> <div class="form-group col-sm-6"> <label class="col-md-4 control-label" for="city">City</label> <div class="col-md-8"> <select id="city" name="city" class="form-control"> <option value="India">India</option> <option value="America">America</option> </select> </div> </div> <!-- Select Basic --> <div class="form-group col-sm-6"> <label class="col-md-4 control-label" for="hotel">Hotel</label> <div class="col-md-8"> <select id="hotel" name="hotel" class="form-control"> <option value="Budget">Hotel</option> <option value="Economy (0 - 2 star)">Budget</option> <option value="Standard (3 - 4 star)">Economy (0 - 2 star)</option> <option value="Luxury (5 star & above)">Standard (3 - 4 star)</option> <option value="">Luxury (5 star & above)</option> </select> </div> </div> <!-- Button --> <div class="form-group col-sm-12"> <div class="col-sm-12 text-center"> <button id="submit" name="submit" class="btn btn-success">Submit Enquiry</button> </div> </div> </fieldset> </form> </div> </body> </html>

Related: See More


Questions / Comments: