Element <select> w HTML

Element <select> w HTML

Element <select> służy do tworzenia listy wyboru w formularzu HTML. Użytkownik może wybrać jedną z dostępnych opcji zapisanych wewnątrz znaczników <option>.

Podstawowa składnia

<select>
  <option value="v1">Kraków</option>
  <option value="v2">Poznań</option>
  <option value="v3">Szczecin</option>
</select>

W przeglądarce taki kod zostanie pokazany jako rozwijana lista. Widoczny dla użytkownika jest tekst między znacznikami <option>...</option>, np. Kraków, a nie wartość atrybutu value, np. v1.

Domyślnie zaznaczona opcja

Jeżeli żadna opcja nie ma atrybutu selected, przeglądarka zwykle wybiera pierwszą opcję z listy.

<option value="v1">Kraków</option>

Dlatego w formularzu jako pierwsza widoczna wartość będzie Kraków.

Ważne cechy

• <select> tworzy listę wyboru, a nie pola typu radio ani checkbox.
• <option> definiuje pojedynczą pozycję listy.
• Atrybut value jest wysyłany do serwera po przesłaniu formularza.
• Tekst między znacznikami <option> jest widoczny dla użytkownika.
• Bez atrybutu multiple użytkownik wybiera jedną opcję.

W kontekście egzaminu

Jeżeli w kodzie znajduje się <select> z opcjami Kraków, Poznań, Szczecin, przeglądarka pokaże rozwijaną listę, a nie trzy osobne pola wyboru.