⌘K

Select teqi

select teqi HTML formalarda istifadə üçün açılan siyahı yaradır.

Ayrı-ayrı siyahı bəndləri option teqində saxlanılmalıdır.

Atributlar

Atribut Açıqlama
multiple Bu atributun olması multiselekt - bir neçə bəndin seçilə biləcəyi açılan siyahı yaradır. Seçmək üçün Ctrl düyməsini basılı saxlayın və ya siçanla seçin.
İxtiyari atribut.
name Açılan siyahının adı. PHP-də daxil etmə sahəsinin məlumatlarını əldə etmək üçün lazımdır. Formanın düzgün işləməsi üçün daxil etmə sahələrinin adları bir-biri ilə üst-üstə düşməməlidir (eyni formada). Əgər üst-üstə düşürsə, PHP-ə HTML kodunda aşağıda olan daxil etmə sahəsinin məlumatları gələcək.

Nümunə

Gəlin açılan siyahının necə işlədiyinə baxaq: 

html<select>
  <option>City1</option>
  <option>City2</option>
  <option>City3</option>
  <option>City4</option>
</select>

Результат:

Nümunə

Gəlin açılan siyahının enini ən böyük elementin eninə bərabər edək (əgər width CSS xassəsi ilə açıq şəkildə göstərilməyibsə): 

html<select>
  <option>Big City1</option>
  <option>City2</option>
  <option>City3</option>
  <option>City4</option>
</select>

Результат:

Nümunə . Standart seçim

İndi isə standart olaraq bir şəhəri seçməyə çalışaq. Bunu selected atributu ilə edək: 

html<select>
  <option>Big City1</option>
  <option selected>City2</option>
  <option>City3</option>
  <option>City4</option>
</select>

Результат:

Nümunə . Multiselekt

Gəlin indi adi selekti multiple atributu ilə multiselektə çevirək: 

html<select multiple name="city[]">
  <option>City1</option>
  <option>City2</option>
  <option>City3</option>
  <option>City4</option>
</select>

Результат:

Diqqət edin ki, name atributunda təyin olunan selektin adının sonunda kvadrat mötərizələr olmalıdır. Bu, PHP-ə bütün seçilmiş dəyərlərin gəlməsi üçün lazımdır (əks halda yalnız bir - sonuncu gələcək).

Nümunə . Multiselektdə bir neçə standart dəyər

İndi isə, standart olaraq multiselektdə birdən çox dəyəri seçməyə çalışaq: 

html<select multiple name="city[]">
  <option>City1</option>
  <option selected>City2</option>
  <option>City3</option>
  <option selected>City4</option>
</select>

Результат:

Həmçinin bax

  • selected atributu,
    siyahının standart seçilmiş bəndini təyin edir
  • optgroup teqi,
    siyahı bəndlərini qruplaşdırır
  • datalist teqi,
    açılan siyahı yaradır
BackTextarea teqiNextOption teqi