HTML <seç> Etiketi
Örnek
Dört seçenekli bir açılır liste oluşturun:
<label for="cars">Choose a car:</label>
<select
name="cars" id="cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</select>
Aşağıda daha fazla "Kendiniz Deneyin" örnekleri.
Tanım ve Kullanım
<select>Öğe, bir açılır liste oluşturmak için kullanılır .
Öğe en <select>çok kullanıcı girdisini toplamak için bir formda kullanılır.
Özelliğin name, form gönderildikten sonra form verilerine başvurması için gereklidir (özniteliği atlarsanız,
nameaçılır listeden hiçbir veri gönderilmez).
idAçılır listeyi bir etiketle ilişkilendirmek için öznitelik gereklidir .
Öğenin içindeki <option> etiketleri <select>, açılır listedeki kullanılabilir seçenekleri tanımlar.
İpucu: En iyi erişilebilirlik uygulamaları için her zaman <label> etiketini ekleyin!
Tarayıcı Desteği
| Element | |||||
|---|---|---|---|---|---|
| <select> | Yes | Yes | Yes | Yes | Yes |
Öznitellikler
| Attribute | Value | Description |
|---|---|---|
| autofocus | autofocus | Specifies that the drop-down list should automatically get focus when the page loads |
| disabled | disabled | Specifies that a drop-down list should be disabled |
| form | form_id | Defines which form the drop-down list belongs to |
| multiple | multiple | Specifies that multiple options can be selected at once |
| name | name | Defines a name for the drop-down list |
| required | required | Specifies that the user is required to select a value before submitting the form |
| size | number | Defines the number of visible options in a drop-down list |
Genel Özellikler
Etiket ayrıca HTML'deki Global Nitelikleri<select> de destekler .
Etkinlik Özellikleri
Etiket ayrıca HTML'deki Etkinlik Niteliklerini<select> de destekler .
Daha fazla örnek
Örnek
<optgroup> etiketleriyle <select> kullanın:
<label for="cars">Choose a car:</label>
<select
name="cars" 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>
İlgili Sayfalar
HTML DOM referansı: Nesne Seç
CSS Eğitimi: Şekillendirme Formları
Varsayılan CSS Ayarları
Hiçbiri.