Radio Buttons

Em HTML, botões de opção são usados para criar um conjunto de opções mutuamente exclusivas, em que o usuário pode selecionar apenas uma opção do grupo. Os botões de opção são criados usando a tag <input> com o atributo type definido como "radio".

Aqui está a sintaxe básica para criar um botão de rádio em HTML:

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

• <input>: A tag que define o campo de entrada.
• type="radio": Um atributo que especifica o tipo de entrada como um botão de rádio.
• id: Um atributo que fornece ao botão de rádio um identificador exclusivo.

• name: Um atributo que agrupa botões de rádio. Todos os botões de rádio com o mesmo nome pertencem ao mesmo grupo, e apenas uma opção dentro de um grupo pode ser selecionada por vez.

• value: Um atributo que especifica o valor associado ao botão de rádio. Este valor é enviado para o servidor quando o formulário é enviado.

• <label>: Uma tag que fornece um rótulo clicável para o botão de rádio. O atributo for do rótulo deve corresponder ao atributo id do botão de rádio.

Aqui está um exemplo de como criar um grupo de botões de rádio:

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

Neste exemplo, temos um formulário com três botões de opção, todos pertencentes ao mesmo grupo porque compartilham o mesmo atributo name ("mygroup"). Cada botão de opção tem um id e um value exclusivos, além de um rótulo correspondente. Quando o usuário seleciona uma dessas opções e envia o formulário, o valor do botão de opção selecionado será enviado ao servidor.