HTML’de select etiketi, kullanıcının bir seçenek listesinden seçim yapmasına olanak tanıyan bir form elemanıdır. Seçenekler, option etiketi ile tanımlanır ve select etiketi ile birlikte kullanılır. Ayrıca select etiketi, multiple özelliği ile birden fazla seçim yapılmasına izin verir.
Örnek bir select etiketi kullanımı aşağıdaki gibi olabilir:
<form>
<label for="hayvanlar">Sevdiğiniz Hayvanı Seçin:</label>
<select name="hayvanlar" id="hayvanlar">
<option value="kedi">Kedi</option>
<option value="köpek">Köpek</option>
<option value="kuş">Kuş</option>
<option value="balık">Balık</option>
<option value="tavşan">Tavşan</option>
</select>
</form>
Bu kod, “Sevdiğiniz Hayvanı Seçin:” yazan bir etiket, bir select etiketi ve beş option etiketi içerir. Her option etiketi bir value özelliği ve seçenek metni içerir.
Ayrıca selected özelliği kullanılarak bir seçeneğin varsayılan olarak seçilmesi de sağlanabilir. Örneğin, aşağıdaki kod “Köpek” seçeneğini varsayılan olarak seçecektir:
<form>
<label for="hayvanlar">Sevdiğiniz Hayvanı Seçin:</label>
<select name="hayvanlar" id="hayvanlar">
<option value="kedi">Kedi</option>
<option value="köpek" selected>Köpek</option>
<option value="kuş">Kuş</option>
<option value="balık">Balık</option>
<option value="tavşan">Tavşan</option>
</select>
</form>
Bu kod önceki örnekle aynıdır, ancak “Köpek” seçeneği selected özelliği ile işaretlenmiştir.
select etiketine multiple özelliği eklenirse, birden fazla seçim yapılabilir. Örneğin, aşağıdaki kodda “Kedi”, “Kuş” ve “Tavşan” seçenekleri seçilebilir:
<form>
<label for="hayvanlar">Sevdiğiniz Hayvanları Seçin:</label>
<select name="hayvanlar" id="hayvanlar" multiple>
<option value="kedi">Kedi</option>
<option value="köpek">Köpek</option>
<option value="kuş" selected>Kuş</option>
<option value="balık">Balık</option>
<option value="tavşan" selected>Tavşan</option>
</select>
</form>
Bu kodda “Sevdiğiniz Hayvanları Seçin:” yazan bir etiket, bir
Bu uygulamada herhangi bir sorun yaşarsanız aşağıya yorum olarak bırakabilirsiniz. Bunun yanı sıra web sitemizdeki diğer hazır Html programlama örneklerine ulaşmak için bu linke tıklayabilirsiniz.