Teg select
Teg select HTML shakllarida foydalanish uchun ochiladigan ro'yxat yaratadi.
Ro'yxatning alohida bandi option tegi ichida saqlanishi kerak.
Atributlar
| Atribut | Tavsif |
|---|---|
multiple |
Ushbu atribut mavjud bo'lganda multiselekt yaratiladi -
bir nechta bandni tanlash mumkin bo'lgan ochiladigan ro'yxat, ularni
Ctrl tugmasini bosib ushlab yoki sichqoncha bilan belgilab tanlash mumkin.
Ixtiyoriy atribut. |
name |
Ochiladigan ro'yxatning nomi. PHP da kirish maydoni ma'lumotlarini olish uchun kerak. Formaning to'g'ri ishlashi uchun kirish maydonlari nomlari bir-biriga mos kelmasligi kerak (bitta shakl ichida). Agar ular mos kelsa - PHP da HTML kodida pastroq joylashgan kirish maydonining ma'lumotlari keladi. |
Misol
Keling, ochiladigan ro'yxat qanday ishlashini ko'rib chiqaylik:
<select>
<option>City1</option>
<option>City2</option>
<option>City3</option>
<option>City4</option>
</select>
:
Misol
Keling ochiladigan ro'yxatning kengligini eng katta elementning kengligiga teng qilaylik (agar
u aniq width CSS xususiyati bilan ko'rsatilmagan bo'lsa):
<select>
<option>Big City1</option>
<option>City2</option>
<option>City3</option>
<option>City4</option>
</select>
:
Misol . Standart tanlov
Endi esa standart sifatida shaharni tanlaylik.
Buni selected atributi yordamida bajaramiz:
<select>
<option>Big City1</option>
<option selected>City2</option>
<option>City3</option>
<option>City4</option>
</select>
:
Misol . Multiselekt
Keling endi oddiy selektni multiple atributi yordamida multiselektga aylantiramiz:
<select multiple name="city[]">
<option>City1</option>
<option>City2</option>
<option>City3</option>
<option>City4</option>
</select>
:
E'tibor bering, name atributida belgilangan selekt nomi oxirida kvadrat qavslar bilan bo'lishi kerak. Bunga PHP da
barcha tanlangan qiymatlar kelishi uchun kerak (aks holda faqat bitta - oxirgisi keladi).
Misol . Multiselektda bir nechta standart qiymatlar
Endi esa, multiselektda standart sifatida bir donadan ortiq qiymatni tanlaylik:
<select multiple name="city[]">
<option>City1</option>
<option selected>City2</option>
<option>City3</option>
<option selected>City4</option>
</select>
:
