Web Sayfasına Button Eklemek

Butonlar web sitelerinin kullanıcı kayıt formlarında ya da üye giriş panellerinde sıklıkla karşılaştığımız HTML form elemanlarıdır. Kendilerine verilen işleve bağlı olarak, tıklandıklarında formdaki ya da paneldeki bilgileri sunucuya iletmekten tutun da kullanıcıyı başka bir HTML sayfasına yönlendirmeye kadar pek çok işi yaparlar. Web sayfalarına buton <input type="button(veya submit") / > tagı ile eklenir. Şimdi bunu bir örnek üzerinde açıklayalım,

<input type="button" value="Gönder" name="buton1" title="Düğmeye bas" onclick="parent.location='http://www.google.com'"/>

< input type="reset" value="sil" name="silgi" title="Temizle"/>

Bu kodlamanın sonucu sayfada şu şekilde görüntülenir.

Son olarak bu tag içindeki parametreleri açıklayalım.

name : Button'u isimlendirmek için kullanılır. Burdan alınan bilgilerin sunucudaki programda işlenmesi için gereklidir.

title : Kullanıcı fare ile buton üzerine geldiğinde görüntülenmesi istenen bilgi mesajı için kullanılır.

value : Buton üstüne yazı yazmak için kullanılır.

Yukarıda turuncu ile işaretlenmiş iki tane parametre var. Birincisinde bulunan onclick="parent.location='http://www.google.com'" ifadesinde onclick ziyaretçinin butona tıklaması olayıdır. "parent.location" ise butona tıklandığında ziyaretçinin belirtilen web sayfasına yönlendirilmesi için kullanılılan javascript kodudur. İkincisi ise type="reset" ile butona form sayfasındaki bilgileri silme özellği kazandırmak için kullanılır.