"Appointment Form"
Bootstrap 3.3.0 Snippet by luispinonferrer

<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 ----------> <div class="container"> <div class="row"> <div class="col-md-6"> <div class="well-block"> <div class="well-title"> <h2>Questions? Book an Appointment</h2> </div> <form> <!-- Form start --> <div class="row"> <div class="col-md-6"> <div class="form-group"> <label class="control-label" for="name">Name</label> <input id="name" name="name" type="text" placeholder="Name" class="form-control input-md"> </div> </div> <!-- Text input--> <div class="col-md-6"> <div class="form-group"> <label class="control-label" for="email">Email</label> <input id="email" name="email" type="text" placeholder="E-Mail" class="form-control input-md"> </div> </div> <!-- Text input--> <div class="col-md-6"> <div class="form-group"> <label class="control-label" for="date">Preferred Date</label> <input id="date" name="date" type="text" placeholder="Preferred Date" class="form-control input-md"> </div> </div> <!-- Select Basic --> <div class="col-md-6"> <div class="form-group"> <label class="control-label" for="time">Preferred Time</label> <select id="time" name="time" class="form-control"> <option value="8:00 to 9:00">8:00 to 9:00</option> <option value="9:00 to 10:00">9:00 to 10:00</option> <option value="10:00 to 1:00">10:00 to 1:00</option> </select> </div> </div> <!-- Select Basic --> <div class="col-md-12"> <div class="form-group"> <label class="control-label" for="appointmentfor">Appointment For</label> <select id="appointmentfor" name="appointmentfor" class="form-control"> <option value="Service#1">Service#1</option> <option value="Service#2">Service#2</option> <option value="Service#3">Service#3</option> <option value="Service#4">Service#4</option> </select> </div> </div> <!-- Button --> <div class="col-md-12"> <div class="form-group"> <button id="singlebutton" name="singlebutton" class="btn btn-default">Make An Appointment</button> </div> </div> </div> </form> <!-- form end --> </div> </div> </div> </div>

Related: See More


Questions / Comments:

I would like to use the code for

"Appointment Form"

Bootstrap 3.3.0 Snippet by luispinonferrer

How do you create a link to email the entire form to an email address after the button has been selected to "Make an Appointment"?

Regards,

Mark R.

Aussie56 () - 6 years ago - Reply 0