Checkboxes

Em HTML, as caixas de seleção são usadas para criar um conjunto de opções no qual o usuário pode selecionar várias opções do grupo. As caixas de seleção são criadas usando a tag <input> com o atributo type definido como "checkbox".

Aqui está a sintaxe básica para criar uma caixa de seleção em HTML:

<input type="checkbox" id="option1" name="checkboxgroup" value="option1">
<label for="option1">Option 1</label>

• <input>: A tag que define o campo de entrada.
• type="checkbox": Um atributo que especifica o tipo de entrada como uma caixa de seleção.
• id: Um atributo que fornece à caixa de seleção um identificador exclusivo.

• name: Um atributo que agrupa caixas de seleção. Diferentemente dos botões de opção, várias caixas de seleção com o mesmo nome podem ser selecionadas ao mesmo tempo.
• value: Um atributo que especifica o valor associado à caixa de seleção. Esse valor é enviado ao servidor quando o formulário é enviado.

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

Aqui está um exemplo de como criar um grupo de checkboxes:

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

Neste exemplo, temos um formulário com três caixas de seleção, todas pertencentes ao mesmo grupo porque compartilham o mesmo atributo name ("mygroup"). Cada caixa de seleção tem um id e um value exclusivos, além de um rótulo correspondente. Quando o usuário seleciona uma ou mais dessas opções e envia o formulário, os valores das caixas de seleção selecionadas serão enviados ao servidor.