How to Create Employee Registration Form using HTML

Full Stack Web Development Courses with Real-time projects Start Now!!

Program 1

<html>
    <head><title>Employee Registration Form</title></head>
    <body bgcolor="cyan">
       <center> 
        <h3><font size="10" color="blue">Employee Registration</font></h3>
        <form method="post" action="home.html">
        <table border="1">  
            <tr>
               <th>Employee id:</th> 
               <td><input type=text id="EMPID" name="txtId"></td>
            </tr>
            <tr>
                <th>Employee Name:</th>
                <td><input type=text id="EMPNAME" name="txtNAME"></td>
            </tr>
            <tr>
                <th>Password:</th>
                <td><input type=password maxlength="8" id="EMPPASS" name="txtpass"></td>
            </tr>
            <tr>
                <th>Address:</th>
                <td><textarea rows="5" cols="20" id="EMPADD" name="txtadd"></textarea></td>
            </tr>
            <tr>
                <th>Gender:</th>
                <td>
                    Male:<input type="radio" name="rd1" value="MALE" checked>
                    Female:<input type="radio" value="FEMALE" name="rd1">
                </td>
            </tr>
            <tr>
                <th>City:</th>
                <td>
                    <select name="txtCity" id="EMPCITY">
                       <option>Indore</option> 
                       <option>Bhopal</option> 
                       <option>Pune</option> 
                       <option selected>Mumbai</option> 
                       <option>Delhi</option> 
                       <option>Raipur</option> 
                    </select>
                </td>
            </tr>
            <tr>
                <th>Qualification:</th>
                <td>
                    Diploma<input type="checkbox"  name="chk1" value="Diploma" checked>
                    UG<input type="checkbox" name="chk2" value="UnderGraduate">
                    PG<input type="checkbox" name="chk2" value="PostGraduate">
                </td>
            </tr>
            <tr>
                <th>DOB:</th>
                <td><input type="date" name="txtDOB" ID="EMPDOB"></td>
            </tr>
            <tr>
                <th>Time:</th>
                <td><input type="time" name="txttime" ID="EMPTIME"></td>
            </tr>
            <tr>
                <th>Email:</th>
                <td><input type="email" name="txtemail" ID="EMPMAIL"></td>
            </tr>
            <tr>
                <th>Upload:</th>
                <td><input type="file" name="txtfile" ID="EMPFILE"></td>
            </tr>
            <tr>
                <td></td>
                <td>
                    <input type=submit value="Submit">
                    <input type=reset value="Reset">

                </td>
            </tr>
        </form>
    </table>
       </center> 
    </body>
</html>

 

Did we exceed your expectations?
If Yes, share your valuable feedback on Google

courses

DataFlair Team

DataFlair Team provides high-impact content on programming, Java, Python, C++, DSA, AI, ML, data Science, Android, Flutter, MERN, Web Development, and technology. We make complex concepts easy to grasp, helping learners of all levels succeed in their tech careers.

Leave a Reply

Your email address will not be published. Required fields are marked *