<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"> <form class="form-horizontal"> <fieldset> <!-- Form Name --> <legend>Personal Details</legend> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="f_name">Father's / Spouse's Name</label> <div class="col-md-6"> <input id="f_name" name="f_name" type="text" placeholder="Enter Your Father's Name " class="form-control input-md" required=""> <span class="help-block">Do not use any salutation</span> </div> </div> <!-- Prepended text--> <div class="form-group"> <label class="col-md-4 control-label" for="f_income">Father's / Spouse's Monthly Income</label> <div class="col-md-6"> <div class="input-group"> <span class="input-group-addon">Rs.</span> <input id="f_income" name="f_income" class="form-control" placeholder="Enter Monthley Income" type="text" required=""> </div> <p class="help-block">Please enter as a number</p> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="m_name">Mother's Name</label> <div class="col-md-6"> <input id="m_name" name="m_name" type="text" placeholder="Enter mother" class="form-control input-md" required=""> <span class="help-block">Do not use any salutation </span> </div> </div> <!-- Prepended text--> <div class="form-group"> <label class="col-md-4 control-label" for="m_income">Mother's Monthly Income</label> <div class="col-md-6"> <div class="input-group"> <span class="input-group-addon">Rs.</span> <input id="m_income" name="m_income" class="form-control" placeholder="Enter Monthly Income" type="text" required=""> </div> <p class="help-block">Please enter as number</p> </div> </div> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="gender">Gender</label> <div class="col-md-6"> <select id="gender" name="gender" class="form-control"> <option value="MALE">Male</option> <option value="FEMALE">Female</option> <option value="TRANSGENDER">Transgender</option> </select> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="dob">Enter Date of Birth</label> <div class="col-md-6"> <input id="dob" name="dob" type="text" placeholder="YYYY-MM-DD" class="form-control input-md" required=""> <span class="help-block">Please choose your from the calender </span> </div> </div> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="pwd">Whether admission sought in Person with Disability (PwD) Quota</label> <div class="col-md-6"> <select id="pwd" name="pwd" class="form-control"> <option value="NO">No</option> <option value="YES">Yes</option> </select> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="ph_cat">If Yes, then Category of Disability</label> <div class="col-md-6"> <input id="ph_cat" name="ph_cat" type="text" placeholder="Category of Disability" class="form-control input-md" required=""> <span class="help-block">Category of Disability</span> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="per_ph">If Yes, then Percentage of Disability</label> <div class="col-md-6"> <input id="per_ph" name="per_ph" type="text" placeholder="%" class="form-control input-md"> <span class="help-block">Percentage of Disability</span> </div> </div> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="categoy">Category</label> <div class="col-md-6"> <select id="categoy" name="categoy" class="form-control"> <option value="GENERAL">GENERAL</option> <option value="SC">SC</option> <option value="ST">ST</option> <option value="OBC-A">OBC-A</option> <option value="OBC-B">OBC-B</option> </select> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="religion">Religion</label> <div class="col-md-6"> <input id="religion" name="religion" type="text" placeholder="Religion" class="form-control input-md" required=""> <span class="help-block">Religion</span> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="nationality">Nationality</label> <div class="col-md-6"> <input id="nationality" name="nationality" type="text" placeholder="Nationility" class="form-control input-md" required=""> <span class="help-block">Nationility</span> </div> </div> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="bpl">Belongs to BPL Family</label> <div class="col-md-6"> <select id="bpl" name="bpl" class="form-control"> <option value="NO">No</option> <option value="YES">Yes</option> </select> </div> </div> <!-- Textarea --> <div class="form-group"> <label class="col-md-4 control-label" for="addr">Address</label> <div class="col-md-6"> <textarea class="form-control" id="addr" name="addr"></textarea> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="pin">PIN</label> <div class="col-md-6"> <input id="pin" name="pin" type="text" placeholder="Pincode" class="form-control input-md" required=""> <span class="help-block">Pincode</span> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="name_of_last_univ">Name of University Last Attended</label> <div class="col-md-6"> <input id="name_of_last_univ" name="name_of_last_univ" 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="extra_info">Sport / Culture</label> <div class="col-md-6"> <input id="extra_info" name="extra_info" type="text" placeholder="Sport Culture" class="form-control input-md" required=""> <span class="help-block">Enter Details</span> </div> </div> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="hostel">Whether willing to avail Hostel Facility:</label> <div class="col-md-6"> <select id="hostel" name="hostel" class="form-control"> <option value="YES">YES</option> <option value="NO">NO</option> </select> </div> </div> <!-- Select Basic --> <div class="form-group"> <label class="col-md-4 control-label" for="comp">Whether willing to appear at Entrance Test (Open Competition)</label> <div class="col-md-6"> <select id="comp" name="comp" class="form-control"> <option value="YES">YES</option> <option value="NO">NO</option> </select> </div> </div> <br/> <legend>Graduation Details</legend> <div class="form-group"> <label for="regno" class="col-md-4 control-label">Enter University <abbr title="Ex:212005 of 2005-2006">Registration No With Year:</abbr></label> <div class="col-md-8"> <div class="form-inline"> <div class="form-group"> <input type="text" name="regno"placeholder="Registration No"required class="form-control varchar"> </div> <div class="form-group"> <input type="text" id ="reg_year"name="reg_year"placeholder="Year-Year"required class="form-control"> </div> </div> </div> </div> <div class="form-group"> <label for="regno" class="col-md-4 control-label">Enter Full Marks In Bengali Honours:</label> <div class="col-md-8"> <div class="form-inline"> <div class="form-group"> <select id="fm_univ" name="fm_univ"class="form-control" onblur="check2()" > <option value="800"selected>800</option> <option value="M">More than 800</option> </select> </div> <div class="form-group"> <input name="marks" id="marks" readonly='true'required class="form-control" type="number" min="800" step="100" value="800"> </div> </div> </div> </div> <!-- Text input--> <div class="form-group"> <label class="col-md-4 control-label" for="obm"> Enter Obtain<abbr title="Minimum 45% for General Candidate and 40% for SC/ST/OBC-A/OBC-B/PWD Candidate"> Marks In Bengali Honours</abbr> :</label> <div class="col-md-4"> <input type="text" name="obm" id="obm" required class="form-control num" onblur="" > <span class="help-block">Enter Marks</span> </div> </div> <!-- Button (Double) --> <div class="form-group"> <label class="col-md-4 control-label"></label> <div class="col-md-8"> <input type="reset" class="btn btn-primary btn-lg " id="reset" name="reset" value="Reset Form"> <input type="submit" class="btn btn-primary btn-lg " id="previewsubmit" name="previewsubmit" formaction="previewSubmit.php"value="Preview Form" onclick="return confirm('This is just preview !')"> <input type="submit" class="btn btn-success btn-lg " id="submit" name="submitb" value="Submit Form" onclick="return confirm('Are you sure you want to commit ?')"> </div> </div> </fieldset> </form> </div>

.form-inline .form-group{ margin-left: 0; margin-right: 0; }