Html

Form Bloğu İçinde Kullanılan Seçim Listesi Etiketleri ve Özellikleri

Seçenek sayısının çok fazla olduğu durumlar için <select> etiketi ile seçim listesi oluşturulur. <option> etiketi, seçim listesi ögelerini belirtir. <optgroup> etiketi, liste elemanlarını gruplandırır. <select> etiketi bir veya birden fazla <option> etiketi içerir. <optgroup> etiketlerini gruplandırır. <select> etiketi bir veya birden fazla <option> etiketi içerir. <optgroup> etiketleri iç içe kullanılmaz. Multiple özelliği ile çok seçimli, size özelliği ile kaç seçenek görüneceği belirlenerek sabit veya aşağıya açılan listeler oluşturulur.

        <select name="iller" size="1">

            <option value="plaka54">Sakarya</option>

            <option value="plaka06">Ankara</option>

            <option value="plaka34">İstanbul</option>

        </select>

Seçim listesinde tek seçenek görünüyor ise drop-down list (aşağıya açılan liste), listede birden fazla seçenek görünüyor ise list box (sabit liste) adını alır.

    <form action="uye.html" method="post">

        <select name="aylar" multiple>

            <option value="1">Ocak</option>

            <option value="2">Şubat</option>

            <option value="3">Mart</option>

            <option value="4">Nisan</option>

            <option value="5">Mayıs</option>

            <option value="6">Haziran</option>

        </select>

    </form>

Seçim listeleri <optgroup> etiketi ile gruplandırılır. <optgroup> etiketi ile oluşturulan grup isimleri seçilmez. </optgroup> kapama etiketi ile kullanılır 

    <select name="riskharitasi" multiple>

        <option selected value="none">Hiçbiri</option>

        <optgroup label="Kırmızı">

            <option value="k1">Sakarya</option>

            <option value="k2">Konya</option>

            <option value="k3">Balıkesir</option>

        </optgroup>

        <optgroup label="Sarı">

            <option value="s1">Eskişehir</option>

            <option value="s2">Kırşehir</option>

            <option value="s3">Yozgat</option>

        </optgroup>

        <optgroup label="Turuncu">

            <option value="t1">Artvin</option>

            <option value="t2">Çanakkale</option>

            <option value="t3">Kütahya</option>

        </optgroup>

        <optgroup label="Mavi">

            <option value="m1">Uşak</option>

            <option value="m2">Batman</option>

            <option value="m3">Ağrı</option>

        </optgroup>

    </select>

Sayfa açıldığında listedeki ilk seçenek seçili olarak gelir, farklı bir seçeneğin görünmesi için selected özelliği kullanılır.

 
Etiketler
html select combobox listbox 
İlgili Makaleler
Web Tabanlı Uygulama Geliştirme Dersi Birinci Dönem Birinci Yazılı Çalışma Soruları
TrendYol 2024 - 2025 Süper Lig Fikstür Çekimini Yapan BootStrap Html Uygulaması-1
Web Sayfalarına Youtube Videolarını Ekleme
Input Html Etiketinin Pattern Özelliği
Her Satırda 3 Sütun Olan 6 Satırlık Web Sayfası Tasarımını BootStrap Temayla Oluşturma
Form Bloğu İçinde Kullanılan Input Etiketi ve Özellikleri
Form Bloğu İçinde Kullanılan fieldset ve legend Etiketleri
Form Elemanlarını Kullanarak Web Sayfasında Kayıt Formu Tasarımı
Form Bloğu İçinde Kullanılan Button Etiketi ve Özellikleri
Web Sayfası Tanımı
Jquery Uygulamalarında Ajax İsteği Yapılınca Oluşabilecek Hataları Yakalama
Fenerbahçenin 2024-2025 UEFA Avrupa Ligindeki Grup Aşaması Maç Programını Liste ve Tablo Kullanarak Web Sayfasında Listeleme
Mevsimleri ve Mevsimlere Ait Ayları Liste Etiketini Kullanarak Web Sayfasında Görüntüleyip BootStrap Acordion Yapıyla Düzenleme
Form Bloğu İçinde Form ve Veri Giriş Özellikleri
Her Satırda 3 Sütun Olan 6 Satırlık Web Sayfası Tasarımını 2025 Takvimi İçin Table Etiketiyle Oluşturma
Beşiktaşın 2024-2025 UEFA Avrupa Ligindeki Grup Aşaması Maç Programını Liste ve Tablo Kullanarak Web Sayfasında Listeleme
Web Sayfalarında Etiketlere Ait Pozisyon ve Konum Bilgilerini Core Mvc Projesinde Okul Bahçesi Uygulamasında Kullanma
Form Bloğu İçinde Kullanılan TextArea Etiketi ve Özellikleri
Form Bloğu İçinde Kullanılan Progress Etiketi ve Özellikleri
Başakşehirin 2024-2025 UEFA Konferans Ligindeki Grup Aşaması Maç Programını Liste ve Tablo Kullanarak Web Sayfasında Listeleme

Yorum Ekle
   
Kötü İyi