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:

Latest Current Affairs 2026 Online Exam Quiz for One day Exam Online Typing Test CCC Online Test Python Programming Tutorials Best Computer Training Institute in Prayagraj (Allahabad) Online MBA 2 years Online MCA Online BCA Best Website and Software Company in Allahabad