23. Formularze - select

Następną kontrolką, którą poznacie to select – lista rozwijana. Wygląda trochę inaczej od strony html od kontrolki input.

Podstawowe wywołanie select:

<select name="wybor">
    <option value="opcja1">Opcja 1</option>
    <option value="opcja2">Opcja 2</option>
    <option value="opcja3">Opcja 3</option>
</select>

Atrybut kontrolki select:

atrybut

opis

autofocus

ustawia kontrolkę jako aktywną po załadowaniu strony

disabled

określa czy kontrolka jest aktywna

form
form="form_id"

określa, że dana kontrolka należy do formularza podanego w atrybucie

multiple

określa czy można wybrać z listy więcej niż jedną opcję

name

określa nazwę kontrolki

required

określa czy na kontrolce musi być wybrana jakaś opcja

size

określa ilość widocznych wierszy w liście

Zaznaczone na zielone atrybuty są nowe w html5