Tag HTML <select>

Definicja i użycie

Atrybuty wydarzeń Element jest używany do tworzenia list rozwijanych.

Atrybuty wydarzeń Element jest najczęściej używany w formularzach do zbierania danych wejściowych od użytkownika.

Po złożeniu formularza, atrybut name jest używany do odniesienia do danych formularza (jeśli pominie się atrybut name, dane z listy rozwijanej nie zostaną wysłane).

Atrybuty wydarzeń Wewnętrzne Etykieta <option> Definiuje dostępne opcje w liście rozwijanej.

Konieczne jest użycie atrybutu id, aby powiązać listę rozwijaną z etykietą (label).

Wskazówka:Zawsze dodawaj Etykieta <label> Aby uzyskać najlepsze praktyki dostępności!

Zobacz również:

Podręcznik HTML DOM:Obiekt Select

Tutorial CSS:Ustawienia stylu formularza

Przykład

Przykład 1

Stwórz listę rozwijaną zawierającą cztery opcje:

<label for="cars">Wybierz markę samochodu:</label>
<select name="cars" id="cars">
  <option value="audi">Audi</option>
  <option value="byd">BYD</option>
  <option value="geely">Geely</option>
  <option value="volvo">Volvo</option>
</select>

Spróbuj sam

Przykład 1

Przykład 2 Atrybuty wydarzeń Używane razem z etykietą <optgroup>:

<label for="cars">Wybierz markę samochodu:</label>
<select name="cars" id="cars">
  <optgroup label="Chińskie samochody">
    <option value="byd">BYD</option>
    <option value="geely">Geely</option>
  </optgroup>
  <optgroup label="Niemieckie samochody">
    <option value="mercedes">Mercedes</option>
    <option value="audi">Audi</option>
  </optgroup>
</select>

Spróbuj sam

Atrybut

Atrybut Wartość Opis
autofocus autofocus Definiuje, że lista rozwijana powinna automatycznie uzyskać fokus podczas ładowania strony.
wyłączony wyłączony Definiuje, że lista rozwijana powinna być wyłączona.
form ID formularza Definiuje formularz, do którego należy lista rozwijana.
multiple multiple Można wybrać wiele opcji jednocześnie.
name name Nazwa
Definiuje nazwę listy rozwijanej. Definiuje nazwę listy rozwijanej. required
Określa, że użytkownik musi wybrać wartość przed wysłaniem formularza. size Liczba

Definiuje liczbę widocznych opcji w liście rozwijanej.

Atrybuty wydarzeń <select> Atrybuty globalneAtrybuty wydarzeń w HTML

Atrybuty globalne w HTML

Atrybuty wydarzeń <select> Tagi obsługują równieżAtrybuty wydarzeń w HTML

.

Domyślne ustawienia CSS

Brak.

Obsługa przeglądarek Chrome Edge Firefox Safari
Obsługa przeglądarek Chrome Edge Firefox Safari
Opera Opera Opera Opera Opera