Bladephp: Now with 7+ codeigniter, php, and laravel project 7+ php project From $18/Year From Rs. 1000/Year

Bootstrap search box

by
Category:php
php html css
Bootstrap search box

In this tutorial we are going to explain you how to perform Bootstrap class and create search form so below code available just copy and paste that is work and assign Bootstrap css file. You may also like Form Validation using jQuery and Bootstrap Validator and How to validate files using bootstrap validator.

HTML Code

<div class="row">
 <div class="col-lg-12">
  <div class="ibox float-e-margins">
    <div class="ibox-title"><h5>Search Students</h5></div>
        <div class="ibox-content m-b-sm border-bottom">
          <form  class="" action="" method="get">
          <div class="row">
            <div class="col-sm-4">
              <div class="form-group">
                <label class="control-label" for="order_id">Student ID</label>
                <input name="student_id" value="" placeholder="Student ID" class="form-control" tabindex="1" type="text">
              </div>
            </div>
            <div class="col-sm-4">
              <div class="form-group">
                <label class="control-label" for="customer">Student Name</label>
                <input  name="student_name" value="" placeholder="Student Name" class="form-control" tabindex="2" type="text">
              </div>
            </div>
           </div>
           <button class="btn btn-info" type="submit" ><i class="fa fa-search"></i> Search</button>
           <a class="btn btn-white" href="" >Reset</a>
          </form>
        </div>
    </div>
  </div>
</div>

0 Comments


Html code work in comment box


Related Post