Web Tech/Practical-03/index.html

<!-- Without CSS -->
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Form design</title>
</head>

<body>
    <form>
        <label for="fullname">Full Name:</label>
        <input type="text" id="fullname" name="fullname" required> <br>


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

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


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


        <label for="gender">Gender:</label>
        <select id="gender" name="gender" required>
            <option value="male">Male</option>
            <option value="female">Female</option>
            <option value="other">Other</option>
        </select>
        <br>

        <label for="address">Address:</label>
        <textarea id="address" name="address" required></textarea> <br>


        <label>Courses:</label>
        <ul>
            <li>
                <input type="checkbox" id="math" name="math">
                <label for="math">Math</label>
            </li>
            <li>
                <input type="checkbox" id="science" name="science">
                <label for="science">Science</label>
            </li>
            <li>
                <input type="checkbox" id="history" name="history">
                <label for="history">History</label>
            </li>
        </ul>


        <label>Education Level:</label>
        <input type="radio" id="highschool" name="education" value="highschool">
        <label for="highschool">High School</label>
        <input type="radio" id="college" name="education" value="college">
        <label for="college">College</label>
        <input type="radio" id="university" name="education" value="university">
        <label for="university">University</label>

        <br>

        <button type="submit">Submit</button>
    </form>

</body>

</html>