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>
Output

Online Exam Quiz for One day Exam Online Typing Test CCC Online Test 2026 Best Computer Training Institute in Prayagraj (Allahabad) Best Java Training Institute in Prayagraj (Allahabad) Best Python Training Institute in Prayagraj (Allahabad) O Level Online Test in Hindi Best Website and Software Company in Allahabad