Dropdown List in HTML

 <!DOCTYPE html>

<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Dropdown List in HTML Form</title>
    </head>
    <body>
        <h1>Dropdown List in HTML</h1>
        <form action="thankyouPage.html" method="GET">
            <label for="username">Username : </label>
            <input type="text" id="username" name="username" placeholder="Enter Username" required><br><br>

            <label for="password">Password : </label>
            <input type="text" id="password" name="password" placeholder="Enter Password"><br><br>

            <label for="email">Email : </label>
            <input type="text" id="email" name="email" placeholder="Enter Email"><br><br>

            <p>Select your Gender</p>
            <label for="male">Male</label>
            <input type="radio" id="male" name="male" value="Male"><br>

            <label for="female">Female</label>
            <input type="radio" id="female" name="female" value="Female"><br>

            <label for="other">Other</label>
            <input type="radio" id="other" name="other" value="other"><br><br>

            <label for="age-group">Select your age group</label>
            <select name="group-values" id="age-group">
                <option value="5-10">5-10</option>
                <option value="11-21">11-21</option>
                <option value="21-50">21-50</option>
                <option value="50+">50+</option>
            </select><br><br>

            <input type="submit" value="sign in">

        </form>
    </body>
</html>



Comments