HTML <opcja> Znacznik
Przykład
Lista rozwijana z czterema opcjami:
<label for="cars">Choose a car:</label>
<select id="cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="opel">Opel</option>
<option value="audi">Audi</option>
</select>
Więcej przykładów „Wypróbuj sam” poniżej.
Definicja i użycie
Znacznik <option>definiuje opcję na liście wyboru.
<option>elementy znajdują się wewnątrz elementu <select> ,
<optgroup> lub <datalist> .
Uwaga: tag <option>może być używany bez żadnych atrybutów, ale zwykle potrzebujesz atrybutu wartości , który wskazuje, co jest wysyłane na serwer po przesłaniu formularza.
Wskazówka: jeśli masz długą listę opcji, możesz pogrupować powiązane opcje w ramach tagu <optgroup> .
Obsługa przeglądarki
| Element | |||||
|---|---|---|---|---|---|
| <option> | Yes | Yes | Yes | Yes | Yes |
Atrybuty
| Attribute | Value | Description |
|---|---|---|
| disabled | disabled | Specifies that an option should be disabled |
| label | text | Specifies a shorter label for an option |
| selected | selected | Specifies that an option should be pre-selected when the page loads |
| value | text | Specifies the value to be sent to a server |
Atrybuty globalne
Znacznik <option>obsługuje również atrybuty globalne w HTML .
Atrybuty wydarzenia
Tag <option>obsługuje również Atrybuty Zdarzeń w HTML .
Więcej przykładów
Przykład
Użycie <option> w elemencie <datalist>:
<label for="browser">Choose your browser from the list:</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>
Przykład
Użycie <option> w elementach <optgroup>:
<label for="cars">Choose a car:</label>
<select id="cars">
<optgroup label="Swedish Cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
</optgroup>
<optgroup label="German Cars">
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</optgroup>
</select>
Powiązane strony
Dokumentacja HTML DOM: Option Object
Domyślne ustawienia CSS
Nic.