- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>Employee Details Form</title>
- </head>
- <body>
- <div style="max-width: 400px; margin: 50px auto; padding: 20px; border: 1px solid #ccc; border-radius: 5px;">
- <h2>Employee Details Form</h2>
- <form action="#" method="post">
- <div style="margin-bottom: 15px;">
- <label for="empcode">Employee Code:</label>
- <input type="text" id="empcode" name="empcode" required>
- </div>
- <div style="margin-bottom: 15px;">
- <label for="name">Name:</label>
- <input type="text" id="name" name="name" required>
- </div>
- <div style="margin-bottom: 15px;">
- <label for="address">Address:</label>
- <input type="text" id="address" name="address" required>
- </div>
- <div style="margin-bottom: 15px;">
- <label for="dob">Date of Birth:</label>
- <input type="date" id="dob" name="dob" required>
- </div>
- <div style="margin-bottom: 15px;">
- <label for="gender">Gender:</label>
- <select id="gender" name="gender" required>
- <option value="" disabled selected>Select Gender</option>
- <option value="male">Male</option>
- <option value="female">Female</option>
- <option value="other">Other</option>
- </select>
- </div>
- <div style="margin-bottom: 15px;">
- <label for="mobileno">Mobile No.:</label>
- <input type="tel" id="mobileno" name="mobileno" pattern="[0-9]{10}" required>
- <small>Format: 10 digits</small>
- </div>
- <div style="margin-bottom: 15px;">
- <input type="submit" value="Submit">
- </div>
- </form>
- </div>
- </body>
- </html>