HTML <select> etiketi

Tanım ve Kullanım

<select> Aşağıdaki listedi oluşturmak için kullanılır.

<select> Eleman genellikle formlarda kullanılır ve kullanıcı girdilerini toplamak için kullanılır.

Formu gönderdikten sonra, form verilerini atıf etmek için name özelliğini kullanmanız gerektiğini belirtin (name özelliği atlanırsa, aşağıdaki listedeki veriler gönderilmeyecektir).

<select> Eleman içinde <option> etiketi Aşağıdaki listedeki geçerli seçenekleri tanımlayın.

Aşağıdaki listedi etiketle (label) ilişkilendirmek için id özelliğini kullanmanız gerektiğini belirtin.

İpucu：Her zaman ekleyin <label> etiketi En iyi erişilebilirlik uygulamaları için!

Ayrıca bakınız：

HTML DOM Referans Kılavuzu：Select nesnesi

CSS Eğitimi：Form stilini ayarlayın

Örnek

Örnek 1

Dört seçenek içeren bir aşağıdaki liste oluşturun：

<label for="cars">Lütfen bir otomobil markası seçin：</label>
<select name="cars" id="cars">
  <option value="audi">奥迪</option>
  <option value="byd">比亚迪</option>
  <option value="geely">吉利</option>
  <option value="volvo">沃尔沃</option>
</select>

Kişisel olarak deneyin

Örnek 1

Örnek 2 <select> <optgroup> etiketiyle birlikte kullanılır：

<label for="cars">Lütfen bir otomobil markası seçin：</label>
<select  name="cars" id="cars">
  <optgroup label="中国车">
    <option value="byd">比亚迪</option>
    <option value="geely">吉利</option>
  </optgroup>
  <optgroup label="德国车">
    <option value="mercedes">奔驰</option>
    <option value="audi">奥迪</option>
  </optgroup>
</select>

Kişisel olarak deneyin

Özellik

Özellik Değer Açıklama
autofocus autofocus Aşağıdaki listedin sayfa yüklenirken otomatik olarak odaklanmasını sağlayın.
disabled disabled Aşağıdaki listedi devre dışı bırakmanız gerektiğini belirtin.
form form id Aşağıdaki listeden formu tanımlayın.
multiple multiple Seçenekleri bir kez seçebilirsiniz.
name İsim Aşağıdaki liste box'un adını tanımlar.
required required Kullanıcının formu göndermeden önce bir değer seçmesi gerektiğini belirtir.
size Sayı Aşağıdaki liste box'ta görüntülenen seçenek sayısını tanımlar.

Genel Özellikler

<select> Bu etiketler ayrıca HTML'deki Genel Özellikler.

Event Özellikleri

<select> Bu etiketler ayrıca HTML'deki Event Özellikleri.

Varsayılan CSS Ayarları

Yok.

Tarayıcı Desteği

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Destek Destek Destek Destek Destek