Forms Demo

by REPLY2SAGAR

HTML

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Comprehensive HTML Form Example</title>
</head>
<body>
    <h1>Registration Form</h1>
    <form action="/submit-your-form-handler" method="post">
        <fieldset>
            <legend>Personal Information</legend>
            <label for="name">Name:</label>
            <input type="text" id="name" name="name" required><br><br>

            <label for="email">Email:</label>
            <input type="email" id="email" name="email" required><br><br>

            <label for="password">Password:</label>
            <input type="password" id="password" name="password" required><br><br>

            <label for="dob">Date of Birth:</label>
            <input type="date" id="dob" name="dob"><br><br>

            <label>Gender:</label>
            <input type="radio" id="male" name="gender" value="male">
            <label for="male">Male</label>
            <input type="radio" id="female" name="gender" value="female">
            <label for="female">Female</label><br><br>

            <label for="bio">Biography:</label>
            <textarea id="bio" name="bio"></textarea><br><br>
        </fieldset>

        <fieldset>
            <legend>Professional Details</legend>
            <label for="occupation">Occupation:</label>
            <input type="text" id="occupation" name="occupation"><br><br>

            <label for="experience">Years of Experience:</label>
            <input type="number" id="experience" name="experience" min="0" max="50"><br><br>

            <label for="file">Resume:</label>
            <input type="file" id="file" name="file"><br><br>
        </fieldset>

        <label for="interests">Select your interests:</label>
        <select id="interests" name="interests" multiple>
            <option value="sports">Sports</option>
            <option value="books">Books</option>
            <option...