Programming Examples
Write a HTML code using CSS to create a job application form having following details
Write a HTML code using CSS to create a job application form having following details :
(I) Personal Information ( First Name, Middle Name, Last Name, Gender, address & phone number)
(II) Education Details ( 10th, 12th, Graduation & others)
(III) Experience (in months)
Solution<h1 align="center">Job Application Form</h1>
<form>
<table border="1" cellpadding="8" cellspacing="0" align="center">
<tr>
<th colspan="2">Personal Information</th>
</tr>
<tr>
<td>First Name</td>
<td><input type="text"></td>
</tr>
<tr>
<td>Middle Name</td>
<td><input type="text"></td>
</tr>
<tr>
<td>Last Name</td>
<td><input type="text"></td>
</tr>
<tr>
<td>Gender</td>
<td>
<input type="radio" name="gender"> Male
<input type="radio" name="gender"> Female
<input type="radio" name="gender"> Other
</td>
</tr>
<tr>
<td>Address</td>
<td><textarea rows="3" cols="30"></textarea></td>
</tr>
<tr>
<td>Phone Number</td>
<td><input type="text"></td>
</tr>
<tr>
<th colspan="2">Education Details</th>
</tr>
<tr>
<td>10th</td>
<td><input type="text"></td>
</tr>
<tr>
<td>12th</td>
<td><input type="text"></td>
</tr>
<tr>
<td>Graduation</td>
<td><input type="text"></td>
</tr>
<tr>
<td>Others</td>
<td><input type="text"></td>
</tr>
<tr>
<th colspan="2">Experience</th>
</tr>
<tr>
<td>Experience (in months)</td>
<td><input type="number"></td>
</tr>
<tr>
<td colspan="2" align="center">
<input type="submit" value="Submit Application">
<input type="reset" value="Reset">
</td>
</tr>
</table>
</form>
▶ RUN Output/ Explanation: