Tag HTML <option>

Definicja i użycie

<option> definiuje opcje listy wyboru.

<option> Element <select>、<optgroup> lub <datalist> wewnątrz elementu.

Uwaga:<option> Etykieta może być używana bez żadnych atrybutów, ale zazwyczaj potrzebujesz atrybutu value, który wskazuje, co zostanie wysłane do serwera podczas wysyłania formularza.

Wskazówka:Jeśli masz bardzo długą listę opcji, możesz użyć <optgroup> Grupowanie opcji wewnątrz etykiety.

Zobacz również:

Podręcznik HTML DOM:Obiekt Option

przykład

przykład 1

spis rozwijany zawierający cztery opcje:

<label for="cars">Proszę wybrać markę samochodu:</label>
<select id="cars">
  <option value="audi">奥迪</option>
  <option value="byd">比亚迪</option>
  <option value="geely">吉利</option>
  <option value="volvo">沃尔沃</option>
</select>

Spróbuj sam

przykład 2

w <datalist> w elementach <option>：

<label for="browser">Proszę wybrać przeglądarkę z listy:</label>
<input list="browsers" name="browser" id="browser">
<datalist id="browsers">
  <option value="Edge">
  <option value="Firefox">
  <option value="Chrome">
  <option value="Opera">
  <option value="Safari">
</datalist>

Spróbuj sam

przykład 3

w <optgroup> w elementach <option>：

<label for="cars">Proszę wybrać markę samochodu:</label>
<select id="cars">
  <optgroup label="中国车">
    <option value="byd">比亚迪</option>
    <option value="geely">吉利</option>
  </optgroup>
  <optgroup label="德国车">
    <option value="mercedes">奔驰</option>
    <option value="audi">奥迪</option>
  </optgroup>
</select>

Spróbuj sam

Atrybut

Atrybut Wartość Opis
disabled disabled Określa, że opcja powinna być wyłączona.
label Tekst Określa krótszy etykietę dla opcji.
selected selected Określa, że opcja powinna być wybrana przed załadowaniem strony.
value Tekst Określa wartość do wysłania na serwer.

Globalne atrybuty

<option> Tagi te obsługują również Globalne atrybuty HTML.

Atrybuty wydarzeń

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

Domyślne ustawienia CSS

Brak.

Obsługa przeglądarek

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Wsparcie Wsparcie Wsparcie Wsparcie Wsparcie