Write a HTML code using CSS to create a job application form having following details:
- Personal Information (First Name, Middle Name, Last Name, Gender, Address & Phone Number)
- Education Details (10th, 12th, Graduation & Others)
- Experience (in months)
<!DOCTYPE html>
<html>
<head>
<title>M2-R5.1 Set 5 Question 3</title>
<style type=”text/css”>
fieldset
{
width: 90%;
}
div
{
width: 50%;
margin:10px auto;
border:1px solid red;
padding: 10px;
background-color: rgba(125, 245, 155, 0.6);
}</style>
</head>
<body>
<div>
<h1 align=”center”>Job Application Form</h1>
<form>
<fieldset>
<legend>Personal Details</legend>
First Name : <input type=”text” name=”fname” placeholder=”Enter First Name”>
Middle Name : <input type=”text” name=”mname” placeholder=”Enter Middle Name”>
Last Name : <input type=”text” name=”lname” placeholder=”Enter Last Name”> <br><br>
Gender : <input type=”radio” name=”gender”>Male
<input type=”radio” name=”gender”>Female<br><br>
Phone No : <input type=”text” name=”phone” placeholder=”Enter Mobile No.”><br><br>
Address : <br>
<textarea cols=”35″ rows=”7″></textarea>
</fieldset> <br>
<fieldset>
<legend>Education Details</legend>
<table border=”1″ cellspacing=”0″ width=”60%” height=”210px”>
<tr>
<th> Class </th>
<th> Board/University </th>
<th> Passing Year </th>
<th> Division </th>
</tr>
<tr align=”center”>
<td>10th</td>
<td><input type=”text” name=”fname” placeholder=”Enter Board/University”></td>
<td> <input type=”text” name=”fname” placeholder=”Enter Passing Year”></td>
<td> <input type=”text” name=”fname” placeholder=”Enter Division”></td>
</tr>
<tr align=”center”>
<td>12th</td>
<td><input type=”text” name=”fname” placeholder=”Enter Board/University”> </td>
<td><input type=”text” name=”fname” placeholder=”Enter Passing Year”> </td>
<td> <input type=”text” name=”fname” placeholder=”Enter Division”></td>
</tr>
<tr align=”center”>
<td>Graduation</td>
<td><input type=”text” name=”fname” placeholder=”Enter Board/University”> </td>
<td> <input type=”text” name=”fname” placeholder=”Enter Passing Year”></td>
<td> <input type=”text” name=”fname” placeholder=”Enter Division”></td>
</tr>
<tr align=”center”>
<td>Others</td>
<td><input type=”text” name=”fname” placeholder=”Enter Board/University”> </td>
<td><input type=”text” name=”fname” placeholder=”Enter Passing Year”> </td>
<td> <input type=”text” name=”fname” placeholder=”Enter Division”></td>
</tr>
</table>
</fieldset> <br>
Experience (in Months): <b>96 months experience of teaching field</b><br><br>
<input type=”submit” name=”sub”>
</form>
</div>
</body>
</html>