Radio Button in HTML

 <!DOCTYPE html>

<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Radio Button</title>
    </head>
    <body>
        <h1>HTML FORM</h1>
        <form action="thankyouPage.html" method="POST">
            <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" required><br><br>

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

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

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

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

            <input type="submit" value="sign in">
        </form>
    </body>
</html>




<!DOCTYPE html>
<html>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <head>Thank YouPage</head>
    <body>
        <h1>Thank YouPage</h1>
    </body>
</html>

Comments