In HTML, a **radio button** is used to select one of many given choices. Radio buttons are shown in *radio groups* to show a set of related options, only one of which can be selected. 

A radio button in HTML can be defined using the `<input>` tag. 

# Syntax
The general syntax of defining a radio button is:

Radio buttons with the same `name` property are grouped together, forming a radio group.

Below is an example: 

<input type="radio" name = ".." value=".."> Label1 </br>
<input type="radio" name = ".." value=".."> Label2 </br>
<input type="radio" name = ".." value=".."> Label3 </br>

- **`type`:** Input tag type attribute. This has to be "radio" when creating a radio button, but can also be other input types such as `button`, `checkbox`, `file` etc.
- **`name`:** Specifies the name of an input element. Radio buttons with the same name form a radio group.
- **`value`:** The value against a radio button that, if checked, is sent to the server.

> **Note:** The `<input>` tag only creates a radio button. You have to insert the label yourself.

<br>

# Radio button attributes
All of the `<input>` tag attributes can be used as radio buttons attributes such as `checked`, `disabled`, `autofocus` etc.

<br>

# Examples
Here are some examples using input attributes for radio buttons:


## 1. Checked radio button

`Maybe` radio button is already checked when the form is loaded.

<html>
 <head>
 </head>
 <body>
   <form>
       <p> What is your answer to the question? </p>
       <input type="radio" name = "ans" value="yes"> Yes </br>
       <input type="radio" name = "ans" value="no"> No </br>
       <input type="radio" name = "ans" value="maybe" checked> Maybe </br> </br>
       <button type="button">Submit!</button>
   </form>
 </body>
</html>

codemirror

## 2. Disabled radio button


`No` radio button is disabled when the form is loaded.

<html>
 <head>
 </head>
 <body>
   <form>
       <p> What is your answer to the question? </p>
       <input type="radio" name = "ans" value="yes"> Yes </br>
       <input type="radio" name = "ans" value="no" disabled> No </br>
       <input type="radio" name = "ans" value="maybe"> Maybe </br> </br>
       <button type="button">Submit!</button>
   </form>
 </body>
</html>

Radio button in HTML

In HTML, a radio button is used to select one of many given choices. Radio buttons are shown in radio groups to show a set of related options, only one of which can be selected. A radio button in HTML can be defined using the  tag. Syntax The general syntax of defining a radio button is: 