No Description Available
0
This sidebar contact form is used to get user query form the same page.
onex
Step by step form is smart way to collect data, where we collect data from user in steps.
FORM VALIDATIONS
bhuwan
This is an example of ionic 4 form , ionic is a Javascript framework used to build hybrid mobile app,desktop and pwa.
This kind of registration and appointment booking form can be used on many places like on slider,banner and section.
Bootstrap alert js is built using bootstarp and jquery and there is no any extra html markup and styles it is totally built using bootstrap modal component.
$('#flipFlop').modal('show')
<button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#flipFlop"> Click Me </button> <!-- The modal --> <div class="modal fade enquiry-modal" id="flipFlop" tabindex="-1" role="dialog" aria-labelledby="modalLabel" aria-hidden="true"> <div class="modal-dialog modal-sm" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button> <h4 class="modal-title" id="modalLabel">Enquiry Form</h4> </div> <div class="modal-body"> <div class="adp-enquiry"> <form> <div class="form-group"> <label>Name</label> <input type="text" name="name" class="form-control" required> </div> <div class="form-group"> <label>Email</label> <input type="text" name="name" class="form-control" required> </div> <div class="form-group"> <label>Mobile</label> <input type="text" name="mobile" class="form-control" required> </div> <input type="hidden" name="package" value=""> <div class="form-group"> <label>Message</label> <textarea name="message" class="form-control" required></textarea> </div> <button type="submit" class="btn btn-block btn-success">Send Enquiry</button> </form> </div> </div> </div> </div> </div>