19 Mayıs 2011 Perşembe

Web Sayfasına Checkbox (Onay Kutucuğu) Koymak

İnternette gezinirken, girdiğiniz web sayfalarının özellikle kullanıcı kayıt formu bölümlerinde; ilgi alanlarınız başlığı altında, ziyaretçilerin eğilimleri ile ilgili hızlı veri toplamaya yarayan onay kutucuklarına rastlamışsınızdır. Bu bölümlerde ziyaretçilere müzik, sinema, gezi, teknoloji gibi sıralı seçenekler sunulur ve ziyaretçi bu seçeneklerin başında bulunan küçük kutucuklara tik işareti koyarak onaylar. Seçilen kutucuklar sitenin sunucusuna bir takım değerler gönderirler ve bu değerler işlenerek veri tabanına kaydedilir. İşte bu bilgileri toplamakla görevli küçük form elemanına "checkbox" onay kutucuğu adı verilir. Web sayfasına checkbox eklemek için HTML sayfasına < input type="checkbox" / > tagını uygun bir yere eklemeniz yeterlidir. Bu tagın görevini yerine getirebilmesi için gerekli birtakım parametrelerin tag içine yazılması gerekir. Bu kadar açıklamadan sonra şimdi de tagımızın nasıl kullanıldığını gösterelim;

< input type="checkbox" name="box1" checked="checked" value="secim1" title="Seç Birini" /> Birinci Seçenek < br/>
< input type="checkbox" name="box2" />İkinci Seçenek < br />
< input type="checkbox" name="box3" />Üçüncü Seçenek < br />
< input type="checkbox" name="box4" /> Dördüncü Seçenek < br />

Birinci Seçenek

İkinci Seçenek

Üçüncü Seçenek

Dördüncü Seçenek


Şimdi de tag içindeki turuncu ile işaretlenmiş olan parametreleri açıklayalım;

name : Onay kutucuğunu isimlendirmek için kullanılır. Web sayfasında birden fazla konuda onay kutucukları kullanılmış olabilir. Bu durumda ziyaretçiden gelen onay verisinin ne ile ilgili olduğunun sunucudaki bilgisayara belirtilmesi ve işlemlerde olası karmaşanın önlenmesi için checkbox'un mutlaka isimlendirilmesi gerekir.

checked : Bazı durumlarda onaylanmış olması şart olan seçeneklerin otomatik olarak onaylı görünmesi için kullanılır.

value : Onay kutucuğunun işlenmek üzere sunucuya göndereceği değeri belirtir.

title : Ziyaretçi fareyi onay kutucuğunun üstüne getirdiğinde beliren bilgilendirme mesajı için kullanılır.

Web Sayfasına Yazı Alanı Eklemek

Web sitenizi ziyaret edenlerin görüş ve önerilerini yazabilecekleri yazı alanları oluşturmak için < textarea > < /texarea > tagını kullanmalısınız. bu tag kullanıldığı yerde bir yazı alanı oluşturur. Bu tagın genel kullanımı şu şekildedir;

< textarea cols="15" rows="15" style=" float: left; font-size:16px; font:'Arial Black'; background: #333; color:#09F; text-shadow: 0.1em 0.1em 0.5em #FFF" > Yazı Alanı< /textarea >

< textarea > tagının içinde kullandığımız parametreleri açıklayalım;

cols : Yazı alanının genişliğini yani bir satırda kullanılabilecek max karakter sayısını belirlemek için kullanılır.

rows : Yazı alanının yüksekliğini (bir kerede görüntülenecek satır sayısını) belirlemek için kullanılır.

style : Pek çok HTML tagının içinde kullandığımız bu parametreyi burada yazı alanını biçimlendirmek için kullandık. Yazı alanına arkaplan rengi, yazı karakteri, harf puntosu ve yazıların altına gölge, ışıltı (text-shadow efekti internet explorer6 da görüntülenmez) gibi görsel özellikler ekledik.