Przyciski opcji

W HTML przyciski opcji służą do tworzenia zestawu wzajemnie wykluczających się opcji, z którego użytkownik może wybrać tylko jedną. Przyciski opcji tworzy się za pomocą tagu <input> z atrybutem type ustawionym na "radio".

Oto podstawowa składnia tworzenia przycisku radiowego w HTML:

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

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

• name: Atrybut, który grupuje przyciski opcji. Wszystkie przyciski opcji o tej samej nazwie należą do tej samej grupy i jednocześnie można wybrać tylko jedną opcję z grupy.

• value: Atrybut określający wartość powiązaną z przyciskiem opcji. Ta wartość jest wysyłana na serwer po przesłaniu formularza.

• <label>: Znacznik, który zapewnia klikalną etykietę dla przycisku opcji. Atrybut for etykiety powinien być zgodny z atrybutem id przycisku opcji.

Oto przykład tworzenia grupy przycisków opcji:

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

W tym przykładzie mamy formularz z trzema przyciskami opcji, które należą do tej samej grupy, ponieważ mają ten sam atrybut name („mygroup”). Każdy przycisk opcji ma unikalne id i value oraz odpowiadającą mu etykietę. Gdy użytkownik wybierze jedną z tych opcji i prześle formularz, wartość wybranego przycisku opcji zostanie wysłana na serwer.