Q.No.6 - Create a form using fieldset, legend, and cellpadding in table to fill application form.
Sol.-
<html>
<head>
<title>Form -Examcomp</title>
</head>
<body>
<center>Application Form</center>
<form >
<fieldset>
<legend>Candidate Info</legend>
<table cellpadding="12px" width="100%">
<tr>
<td>First Name</td>
<td><input type="text" placeholder="First Name"></td>
<td>Middle Name</td>
<td><input type="text" placeholder="Middle Name"></td>
<td>Last Name</td>
<td><input type="text" placeholder="Last Name"></td>
</tr>
<tr>
<td>Father Name</td>
<td><input type="text" placeholder="Father Name"></td>
<td>Mother Name</td>
<td><input type="text" placeholder="Mother Name"></td>
<td>Gender</td>
<td>
<select>
<option>--select--</option>
<option>Male</option>
<option>Female</option>
</td>
</tr>
<tr>
<td>DoB</td>
<td><input type="date"></td>
<td>Mobile No.</td>
<td>
<select disabled>
<option>+91</option>
</select>
<input type="tel" maxlength ="10" size="13"></td>
<td>Marital Status</td>
<td>
<select>
<option>--select--</option>
<option>Married</option>
<option>Unmarried</option>
<option>Divorce</option>
<option>Widow</option>
</td>
</tr>
<tr>
<td>Category</td>
<td>
<select>
<option>--select</option>
<option>Unreserved</option>
<option>SC</option>
<option>ST</option>
<option>OBC</option>
<option>EWS</option>
</select>
</td>
<td>Handicapped</td>
<td>
<label>No</label><input type="radio" name="handicapped" checked>
<label>Yes</label><input type="radio" name="handicapped">
</td>
<td></td>
<td></td>
</tr>
</table>
</fieldset>
<fieldset>
<legend>Address</legend>
<table cellpadding="12px" width="100%">
<tr>
<td>Address Line 1</td>
<td><input type="text" placeholder="Enter Here"></td>
<td>Address Line 2</td>
<td><input type="text" placeholder="Enter Here"></td>
<td>District</td>
<td><input type="text" placeholder="Enter Here"></td>
</tr>
<tr>
<td>City</td>
<td><input type="text"></td>
<td>State</td>
<td>
<select>
<option>--select--</option>
<option>Delhi</option>
<option>Uttarakhand</option>
<option>Uttar Pradesh</option>
<option>Haryana</option>
<option>Himachal Pradesh</option>
<option>Maharashtra</option>
<option>Punjab</option>
<option>Bihar</option>
<option>Gujrat</option>
<option>Rajasthan</option>
<option>West Bengal</option>
</td>
<td>Pin Code</td>
<td><input type="pin" maxlength="6"></td>
</tr>
</table>
</fieldset>
<fieldset>
<legend>Eudcation Qualification</legend>
<table cellpadding="12px" width="100%" >
<tr>
<th>Sr. No.</th>
<th>Qualification</th>
<th>Board / University</th>
<th>Passing Year</th>
<th>Total Marks</th>
<th>Obtain Marks</th>
<th>Percentage</th>
</tr>
<tr align="center">
<td >1</td>
<td>
<select>
<option>--select--</option>
<option>10th</option>
<option>12th</option>
<option>Graduate</option>
<option>Master</option>
</select>
</td>
<td><input type="text" placeholder="Enter Here"></td>
<td><input type="text" placeholder="Enter Here"></td>
<td><input type="number" placeholder="Enter Here" size="6"></td>
<td><input type="number" placeholder="Enter Here" size="8"></td>
<td><input type="text" placeholder="Enter Here" size="10"></td>
</tr>
<tr align="center">
<td >2</td>
<td>
<select>
<option>--select--</option>
<option>10th</option>
<option>12th</option>
<option>Graduate</option>
<option>Master</option>
</select>
</td>
<td><input type="text" placeholder="Enter Here"></td>
<td><input type="text" placeholder="Enter Here"></td>
<td><input type="number" placeholder="Enter Here" size="6"></td>
<td><input type="number" placeholder="Enter Here" size="8"></td>
<td><input type="text" placeholder="Enter Here" size="10"></td>
</tr>
<tr align="center">
<td >3</td>
<td>
<select>
<option>--select--</option>
<option>10th</option>
<option>12th</option>
<option>Graduate</option>
<option>Master</option>
</select>
</td>
<td><input type="text" placeholder="Enter Here"></td>
<td><input type="text" placeholder="Enter Here"></td>
<td><input type="number" placeholder="Enter Here" size="6"></td>
<td><input type="number" placeholder="Enter Here" size="8"></td>
<td><input type="text" placeholder="Enter Here" size="10"></td>
</tr>
<tr align="center">
<td >4</td>
<td>
<select>
<option>--select--</option>
<option>10th</option>
<option>12th</option>
<option>Graduate</option>
<option>Master</option>
</select>
</td>
<td><input type="text" placeholder="Enter Here"></td>
<td><input type="text" placeholder="Enter Here"></td>
<td><input type="number" placeholder="Enter Here" size="6"></td>
<td><input type="number" placeholder="Enter Here" size="2"></td>
<td><input type="text" placeholder="Enter Here" size="10"></td>
</tr>
<tr align="center">
<td colspan="7">Additional Qualification</td>
</tr>
<tr align="center">
<td>5</td>
<td><input type="text" placeholder="Diploma / Certificate"></td>
<td><input type="text" placeholder="Institue Name/ Self"></td>
<td><input type="text" placeholder="Enter Here"></td>
<td><input type="text" placeholder="Enter Here" size="6"></td>
<td><input type="text" placeholder="Enter Here" size="8"></td>
<td><input type="text" placeholder="Enter Here" size="10"></td>
</tr>
<tr align="center">
<td>6</td>
<td><input type="text" placeholder="Diploma / Certificate"></td>
<td><input type="text" placeholder="Institue Name/ Self"></td>
<td><input type="text" placeholder="Enter Here"></td>
<td><input type="text" placeholder="Enter Here" size="6"></td>
<td><input type="text" placeholder="Enter Here" size="8"></td>
<td><input type="text" placeholder="Enter Here" size="10"></td>
</tr>
</table>
</fieldset>
<center>
<input type="submit" value="submit">
<input type="reset" value="Reset">
</center>
</form>
</body>
</html>
OUTPUT:
![](pr26o.png)