Opis

select służy do tworzenia listy rozwijanej (drop-down list). Jest kontrolką formularza (formantem) i można go używać do gromadzenia danych wejściowych użytkowniaka.

Dobrą praktyką jest dodawania z nim także znacznika <label>.

Wewnątrz elementu <select> dostępne opcje na liście definiują znaczniki <option>

Przykład


Kod:
Atrybuty
Atrybut Wartość Opis
autofocus autofocus Określa, że element powinien automatycznie zostać aktywowany po załadowaniu strony. Atrybut logiczny.
disabled disabled Określa, że element powinien być wyłączony. Wyłączonego przycisku nie można używać i nie można go kliknąć. Możesz użyć JS by to potem zmienić. Atrybut logiczny.
form form_id Określa formularz, do której należy ten element (gdyż np. znajduje się poza danym formularzem a mimo to jest jego częścią). Wartość tego atrybutu (form_id) musi być równa wartości atrybutu id elementu <form> w tym samym dokumencie.
multiple multiple (wielokrotność) Określa, że ​​można wybrać wiele opcji jednocześnie (z użyciem CTRL, Shift). Atrybut logiczny. Ponieważ jakoś trzeba poinformować o tym użytkownika lepiej użyć <checkboxes>.
name name Określa nazwę kontrolki. Atrybut służy do odwoływania się do elementów w JS lub do odwoływania się do danych formularza po jego przesłaniu.
required required Określa, że ​​użytkownik musi wybrać wartość przed przesłaniem formularza. Atrybut logiczny.
size number Określa liczbę widocznych opcji na liście rozwijanej. Przeglądarka doda jeśli trzeba pasek przewijania. Domyślnie widzimy 1 element albo 4 gdy obezny jest atrybut multiple.

CSS (domyślne ustawienia)

Info: