Opis

option definiuje opcję na liście wyboru. Elementy <option> umieszczane są w elementach <select> lub <datalist>.

Jeśli mamy długą listę opcji, możemy zgrupować powiązane opcje za pomocą znacznika <optgroup>.

Tag <option> może być używany bez żadnych atrybutów, ale zwykle ma atrybut value, który wskazuje, co zostaje wysyłane na serwer.

Przykład

Kod:
Atrybuty
Atrybut Wartość Opis
disabled disabled Określa, że ​​opcja powinna być wyłączona. Wyłączonej opcji nie można używać i nie można jej kliknąć. Dostępność opcji można zmienić za pomocą JS. Atrybut logiczny.
label text Określa krótszą etykietę opcji, która zostanie wyświetlona na liście rozwijanej (na dzień 22.03 nie działa w Ff).
selected selected Określa, że opcja powinna być wstępnie wybrana podczas ładowania strony. Jeśli nie jest multiple to zostanie wyświetlona jako pierwsza (ta widoczna) na liście rozwijanej. Atrybut logiczny.
value text Określa wartość, która ma zostać wysłana na serwer. Jeśli atrybut value nie zostanie określony, jako wartość przekazana zostanie treść między tagami <option> i </option>.

CSS (domyślne ustawienia)

Info: