Caselle di controllo

In HTML, le caselle di controllo vengono usate per creare un insieme di opzioni da cui l’utente può selezionare più opzioni. Le caselle di controllo si creano usando il tag <input> con l’attributo type impostato su "checkbox".

Ecco la sintassi di base per creare una casella di controllo in HTML:

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

• <input>: Il tag che definisce il campo di input.
• type="checkbox": Un attributo che specifica il tipo di input come casella di controllo.
• id: Un attributo che assegna alla casella di controllo un identificatore univoco.

• name: un attributo che raggruppa le caselle di controllo. A differenza dei pulsanti di opzione, è possibile selezionare contemporaneamente più caselle di controllo con lo stesso nome.
• value: un attributo che specifica il valore associato alla casella di controllo. Questo valore viene inviato al server quando il modulo viene inviato.

• <label>: Un tag che fornisce un'etichetta cliccabile per la casella di controllo. L'attributo for dell'etichetta dovrebbe corrispondere all'attributo id della casella di controllo.

Ecco un esempio di come creare un gruppo di caselle di controllo:

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

In questo esempio, abbiamo un modulo con tre caselle di controllo, tutte appartenenti allo stesso gruppo perché condividono lo stesso attributo name ("mygroup"). Ogni casella di controllo ha un id e un value univoci e un'etichetta corrispondente. Quando l'utente seleziona una o più di queste opzioni e invia il modulo, i valori delle caselle di controllo selezionate verranno inviati al server.