Checkboxes

No HTML, checkboxes são usados para criar um conjunto de opções onde o usuário pode selecionar múltiplas opções do grupo. Checkboxes são criados 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 (checkbox).
• id: Um atributo que fornece ao checkbox um identificador exclusivo.

• name: Um atributo que agrupa checkboxes. Diferente de botões de rádio, múltiplos checkboxes com o mesmo nome podem ser selecionados ao mesmo tempo.
• value: Um atributo que especifica o valor associado ao checkbox. Este valor é enviado ao servidor quando o formulário é submetido.

• <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 checkboxes, todos pertencentes ao mesmo grupo porque compartilham o mesmo atributo name ("mygroup"). Cada checkbox possui um id e value únicos, e um rótulo correspondente. Quando o usuário seleciona uma ou mais dessas opções e envia o formulário, os valores dos checkboxes selecionados serão enviados para o servidor.