Radio Buttons

In HTML, radio buttons are used to create a set of mutually exclusive options, where the user can select only one option from the group. Radio buttons are created using the <input> tag with the type attribute set to "radio".

Here's the basic syntax for creating a radio button in HTML:

<input type="radio" id="option1" name="radiogroup" value="option1">
<label for="option1">Option 1</label>

• <input>: The tag that defines the input field.
• type="radio": An attribute that specifies the input type as a radio button.
• id: An attribute that gives the radio button a unique identifier.

• name: An attribute that groups radio buttons together. All radio buttons with the same name belong to the same group, and only one option within a group can be selected at a time.

• value: An attribute that specifies the value associated with the radio button. This value is sent to the server when the form is submitted.

• <label>: A tag that provides a clickable label for the radio button. The for attribute of the label should match the id attribute of the radio button.

Here's an example of how to create a group of radio buttons:

<form>
	<input type="radio" id="option1" name="mygroup" value="option1">
	<label for="option1">Option 1</label>
	<br>
	
	<input type="radio" id="option2" name="mygroup" value="option2">
	<label for="option2">Option 2</label>
	<br>
	
	<input type="radio" id="option3" name="mygroup" value="option3">
	<label for="option3">Option 3</label>
	<br>
</form>

In this example, we have a form with three radio buttons, all belonging to the same group because they share the same name attribute ("mygroup"). Each radio button has a unique id and value, and a corresponding label. When the user selects one of these options and submits the form, the value of the selected radio button will be sent to the server.