Radio buttons

En HTML, los botones de opción se usan para crear un conjunto de opciones mutuamente excluyentes, en el que el usuario puede seleccionar solo una opción del grupo. Los botones de opción se crean usando la etiqueta <input> con el atributo type establecido en "radio".

Esta es la sintaxis básica para crear un botón de opción en HTML:

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

• <input>: La etiqueta que define el campo de entrada.
• type="radio": Un atributo que especifica que el tipo de entrada es un botón de opción.
• id: Un atributo que asigna un identificador único al botón de opción.

• name: Un atributo que agrupa los botones de opción. Todos los botones de opción con el mismo nombre pertenecen al mismo grupo, y solo se puede seleccionar una opción de cada grupo a la vez.

• value: Un atributo que especifica el valor asociado al botón de opción. Este valor se envía al servidor cuando se envía el formulario.

• <label>: Una etiqueta que proporciona una etiqueta en la que se puede hacer clic para el botón de opción. El atributo for de la etiqueta debe coincidir con el atributo id del botón de opción.

Aquí tienes un ejemplo de cómo crear un grupo de botones de opción:

<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>

En este ejemplo, tenemos un formulario con tres botones de opción, todos pertenecientes al mismo grupo porque comparten el mismo atributo name ("mygroup"). Cada botón de opción tiene un id y un value únicos, y una etiqueta correspondiente. Cuando el usuario selecciona una de estas opciones y envía el formulario, el valor del botón de opción seleccionado se enviará al servidor.