Pola wyboru

W HTML pola wyboru służą do tworzenia zestawu opcji, z którego użytkownik może wybrać wiele opcji. Pola wyboru tworzy się za pomocą znacznika <input> z atrybutem type ustawionym na "checkbox".

Oto podstawowa składnia tworzenia pola wyboru w HTML:

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

• <input>: Znacznik definiujący pole wejściowe.
• type="checkbox": Atrybut określający typ pola wejściowego jako pole wyboru.
• id: Atrybut nadający polu wyboru unikalny identyfikator.

• name: Atrybut, który grupuje pola wyboru. W przeciwieństwie do przycisków opcji można jednocześnie zaznaczyć wiele pól wyboru o tej samej nazwie.
• value: Atrybut określający wartość powiązaną z polem wyboru. Ta wartość jest wysyłana na serwer po przesłaniu formularza.

• <label>: Tag zapewniający klikalną etykietę pola wyboru. Atrybut for etykiety powinien być zgodny z atrybutem id pola wyboru.

Oto przykład, jak utworzyć grupę pól wyboru:

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

W tym przykładzie mamy formularz z trzema polami wyboru, które należą do tej samej grupy, ponieważ mają ten sam atrybut name („mygroup”). Każde pole wyboru ma unikalne id i value oraz odpowiadającą mu etykietę. Gdy użytkownik zaznaczy jedną lub więcej z tych opcji i prześle formularz, wartości zaznaczonych pól wyboru zostaną wysłane na serwer.