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: