How to use radio buttons in HTML?

Updated On: 2024-06-02

HTML <input type=”radio”> Syntax:

<input type="radio">

Examples of HTML <input type=”radio”>

 
 <!DOCTYPE html>
<html lang="en">

<head>
    <title>HTML input type="radio"</title>
</head>

<body>

    <p>Select a Technology Brand:</p>

    <div>
        <input type="radio" 
               id="Netflix" 
               name="brand" 
               value="Netflix">
        <label for="Netflix">Netflix</label>
    </div>

    <div>
        <input type="radio" 
               id="Audi" 
               name="brand" 
               value="Audi">
        <label for="Audi">Audi</label>
    </div>

    <div>
        <input type="radio" 
               id="Microsoft" 
               name="brand" 
               value="Microsoft" checked>
        <label for="Microsoft">Microsoft</label>
    </div>

</body>

</html>

HTML <input type=”radio”> Example:

  
 <!DOCTYPE html>
<html lang=" en"=""><head>
    <meta charset="UTF-8">
    <meta name="viewport" 
          content="width=device-width, initial-scale=1.0">
   
    <title>HTML input type="radio"</title>
</head>

<body>
   
    <h2><input type="radio">
    </h2>
    <h3>Choose an Option:</h3>

    <label>
        <input type="radio" name="option" 
               value="option1"> Option 1
    </label>

    <label>
        <input type="radio" name="option" 
               value="option2"> Option 2
    </label>

    <label>
        <input type="radio" name="option" 
               value="option3"> Option 3
    </label>
</body>

</html>

Related Resources

For more information, you can use the following resources:

https://www.geeksforgeeks.org/html-input-typeradio/

How To

How to use radio buttons in HTML?

HTML <input type=”radio”> Syntax:

Examples of HTML <input type=”radio”>

HTML <input type=”radio”> Example:

Related Resources

Related Reads