Radio buttons

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

Aquí está la sintaxis básica para crear un botón de radio 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 el tipo de entrada como un botón de radio.
• id: Un atributo que le da al botón de radio un identificador único.

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

• value: Un atributo que especifica el valor asociado con el botón de radio. 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 radio. El atributo for de la etiqueta debe coincidir con el atributo id del botón de radio.

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

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