<option>
Misol
To‘rtta variantga ega ochiladigan ro‘yxat:
<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>
O‘zingiz sinab ko‘ring »
Quyida ko‘proq "O‘zingiz sinab ko‘ring" misollari keltirilgan.
Ta’rif va qo‘llanilishi
<option> tegi tanlash ro‘yxatidagi variantni belgilaydi.
<option> elementlari <select>, <optgroup> yoki <datalist> elementi ichida joylashadi.
Eslatma: <option> tegini hech qanday atributsiz ishlatish mumkin, lekin odatda forma yuborilganda serverga nima jo‘natilishini ko‘rsatuvchi value atributi kerak bo‘ladi.
Maslahat: Agar variantlar ro‘yxati uzun bo‘lsa, o‘zaro bog‘liq variantlarni <optgroup> tegi ichida guruhlashingiz mumkin.
Brauzerlarda qo‘llab-quvvatlash
| Element | |||||
|---|---|---|---|---|---|
| <option> | Ha | Ha | Ha | Ha | Ha |
Atributlar
| Atribut | Qiymat | Tavsif |
|---|---|---|
| disabled | disabled | Variant faolsizlantirilgan bo‘lishi kerakligini belgilaydi |
| label | text | Variant uchun qisqaroq yorliqni belgilaydi |
| selected | selected | Sahifani yuklaganda variantni oldindan tanlash kerakligini bildiradi |
| value | text | Serverga jo‘natiladigan qiymatni belgilaydi |
Global atributlar
<option> tegi HTML’dagi global atributlarni ham qo‘llab-quvvatlaydi.
Hodisa atributlari
<option> tegi HTML’dagi hodisa atributlarini ham qo‘llab-quvvatlaydi.
Ko‘proq misollar
Misol
<datalist> elementi ichida <option> dan foydalanish:
<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>
O‘zingiz sinab ko‘ring »
Misol
<optgroup> elementlari ichida <option> dan foydalanish:
<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>
O‘zingiz sinab ko‘ring »
Tegishli sahifalar
HTML DOM ma’lumotnomasi: Option obyekti
Standart CSS sozlamalari
Yo‘q.
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!