<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 ----------> <form class="form-horizontal"> <fieldset> <!-- Form Name --> <legend>adding tax details</legend> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="taxtype">TAX TYPE</label> <div class="col-md-4"> <select id="taxtype" name="taxtype" class="form-control"> <option value="1">HOUSE</option> <option value="2">WATER</option> <option value="3">LIBRARY</option> <option value="4">LAND</option> <option value="5">LEASE</option> </select> </div> </div> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="YEAR">YEAR</label> <div class="col-md-4"> <select id="YEAR" name="YEAR" class="form-control"> <option value="1">2015</option> <option value="2">2016</option> <option value="3">2017</option> </select> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="OWNERNAME">OWNER NAME</label> <div class="col-md-4"> <input id="OWNERNAME" name="OWNERNAME" type="text" placeholder="" class="form-control input-md" required=""> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="AADHARNO">AADHAR NO</label> <div class="col-md-4"> <input id="AADHARNO" name="AADHARNO" type="text" placeholder="" class="form-control input-md" required=""> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="MOBILENO">MOBILE NO</label> <div class="col-md-4"> <input id="MOBILENO" name="MOBILENO" type="text" placeholder="" class="form-control input-md" required=""> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="ISSUEDATE">ISSUE DATE</label> <div class="col-md-4"> <input id="ISSUEDATE" name="ISSUEDATE" type="date" placeholder="" class="form-control input-md" required=""> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="PAYBYDATE">PAY BY DATE</label> <div class="col-md-4"> <input id="PAYBYDATE" name="PAYBYDATE" type="date" placeholder="" class="form-control input-md" required=""> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="OLDDUE">OLD TAX DUE</label> <div class="col-md-4"> <input id="OLDDUE" name="OLDDUE" type="text" placeholder="" class="form-control input-md" required=""> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="ACTUALTA X">ACTUAL TAX</label> <div class="col-md-4"> <input id="ACTUALTA X" name="ACTUALTA X" type="text" placeholder="" class="form-control input-md" required=""> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="TOTALTOCOLLLECT">TOTAL TAX TO COLLECT</label> <div class="col-md-4"> <input id="TOTALTOCOLLLECT" name="TOTALTOCOLLLECT" type="text" placeholder="" class="form-control input-md" required=""> </div> </div> <!-- Button (Double) --> <div class="form-group"> <label class="col-md-4 control-label" for="button1id"></label> <div class="col-md-8"> <button id="button1id" name="button1id" class="btn btn-success">SUBMIT</button> <button id="button2id" name="button2id" class="btn btn-danger">CANCEL</button> </div> </div> </fieldset> </form>