|
HTML Formlar - Seçim listeleri - select tagı |
|
|
|
Çarşamba, 02 Mayıs 2007 |
Seçim Menüleri Form içerisinde açılır seçim menüleri oluşturabiliriz. Böylece az bir alana ziyaretçinin istediği seçimi yapabileceği bir menü yerleştirebiliriz. Bunun için kullanacağımız tag <SELECT> tagıdır. Bu tagın kullanımı
<SELECT NAME="İsim" SIZE="Değer" MULTIPLE> şeklindedir. Burada SIZE ile menünün kaç elemanının görüntüleneceği belirtilir ve rakam olarak değer girilir. MULTIPLE özelliği ise menüden birkaç elemanın seçilebilmesi özelliğini açar. Bu tagın kapanış tagı kullanılmak zorundadır. Seçim menüleri oluştururken menü elemanları <OPTION> tagı ile belirtilir. Bu tag/taglar <SELECT> tagı içerisinde kullanılmak zorundadır. <OPTION> tagının SELECTED özelliği menü içerisinde gösterilecek elemanı ( seçili elemanı ) belirtmek için kullanıyoruz. Böylece çok sayıda öğesi olan bir menüde öntanımlı bir değer atayabiliyoruz. VALUE özelliği ile ise menü elemanı için bir değer atanmasını sağlar. Bu özellik kullanılmadığı durumlarda bu tag ile girilen yazı değer olarak form ile birlikte gönderilecektir. Şimdi örnek bir menü oluşturarak nasıl işlediğini görelim.
<FORM>
<SELECT NAME="secilenBolum" SIZE="1">
<OPTION> HTML
<OPTION> JAVASCRIPT
<OPTION> PHP
<OPTION> JAVA
</SELECT>
<INPUT TYPE="SUBMIT">
</FORM> Yukarıdaki ifadelerin sonucundaki aşağıdaki seçim menüsü oluşturulacaktır. HTMLJAVASCRIPTPHPJAVA Bu menüyü inceleyiniz. <SELECT> tagının SIZE özelliğine 2, 3 ve 4 değerlerini vererek sonucu görünüz. Şimdi son bir örnek vererek form bölümünü bitirelim.
 |
Bu içeriğe ait yorumları masaüstüne alabilirsiniz
