Seçim alanları
<select>, <option> ve <input type=checkbox|radio> ile seçim alanları kurarsın.
Select ile açılır liste
Bazen kullanıcının önceden belirlenmiş seçenekler arasından seçim yapması gerekir: il, ödeme yöntemi ya da kategori gibi. Bunun için <select> etiketini kullanırsın. İçine her bir seçenek için bir <option> yazarsın.
Örnek: <select name="sehir"><option>Ankara</option><option>İzmir</option></select>. Tarayıcı bunu açılır bir liste olarak gösterir. <optgroup> ile seçenekleri gruplara ayırabilirsin.
Checkbox ve radio
İki seçim türü daha vardır: onay kutusu (type="checkbox") ve seçenek düğmesi (type="radio"). Checkbox ile kullanıcı birden çok öğe seçebilir; radio ile ise yalnızca bir tane.
Radio düğmelerinin birlikte davranması için name öznitelikleri aynı olmalıdır. Örnek: <input type="radio" name="cins">'i iki kez yazarsan, kullanıcı yalnızca birini seçebilir. Checkbox'ta her kutu bağımsızdır.
Uygulama Seçim alanları ekle
Form içine bir <select> ekle; name özniteliği sehir olsun ve iki <option> içersin. Sonra bir <input type="radio"> ve bir <input type="checkbox"> ekle.
Örnek çözümü göster
<form>
<select name="sehir">
<option>Ankara</option>
<option>İzmir</option>
</select>
<input type="radio" name="cins">
<input type="checkbox" name="haber">
</form>Kendini test et
-
<select> etiketinin içine hangi etiket yazılır?
- <li>
- <p>
- <option>
- <item>
Cevabı göster
<option> — Doğru. select'in içine option etiketleri yazılır.
-
Etiketi rolüyle eşleştir
- <select>
- Açılır liste
- <option>
- Liste öğesi
- type="checkbox"
- Çoklu seçim
- type="radio"
- Tekli seçim
-
Option'ı yaz
<select name="sehir"> <____>Ankara</option> </select>Cevabı göster
<select name="sehir"> <option>Ankara</option> </select>