HTML <seçenek> Etiketi
Örnek
Dört seçenekli bir açılır liste:
<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>
Aşağıda daha fazla "Kendiniz Deneyin" örnekleri.
Tanım ve Kullanım
<option>
etiketi, bir seçim listesindeki bir seçeneği tanımlar .
<option>
öğeler bir <select> ,
<optgroup> veya <datalist> öğesinin içine girer.
Not: Etiket <option>
herhangi bir öznitelik olmadan kullanılabilir, ancak genellikle form gönderiminde sunucuya neyin gönderildiğini gösteren value özniteliğine ihtiyacınız vardır.
İpucu: Uzun bir seçenekler listeniz varsa, ilgili seçenekleri <optgroup> etiketi içinde gruplayabilirsiniz.
Tarayıcı Desteği
Element | |||||
---|---|---|---|---|---|
<option> | Yes | Yes | Yes | Yes | Yes |
Öznitellikler
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 |
Genel Özellikler
Etiket ayrıca HTML'deki Global Nitelikleri<option>
de destekler .
Etkinlik Özellikleri
Etiket ayrıca HTML'deki Etkinlik Niteliklerini<option>
de destekler .
Daha fazla örnek
Örnek
Bir <datalist> öğesinde <option> kullanımı:
<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>
Örnek
<optgroup> öğelerinde <option> kullanımı:
<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>
İlgili Sayfalar
HTML DOM referansı: Seçenek Nesnesi
Varsayılan CSS Ayarları
Hiçbiri.