Örnek Form Uygulaması 2

Yeni form uygulamamızda yine isim, e-mail, cinsiyet, yorum ve hangi tür müzik sevdiğini ( bir kaç seçim yapılabilir ) ziyaretçiye soracağız. Ayrıca gizli bir form öğesi ilede fromun adını form ile birlikte nasıl göndereceğimizi göreceğiz.

İlk olarak formumuzu başlatalım :

 
<FORM METHOD="POST"
  ACTION="www.pctekno.net/diger/denemeFormMail.php">

Şimdi ise form elemanlarını hizalayabilmek için bir <PRE> tagı kullanıyoruz. Yine gizli bir form öğesi ile formun adını tutacağız ve buna form-adi ismini vereceğiz.

 
<PRE>
<INPUT TYPE="HIDDEN" NAME="form-adi" VALUE="Ornek-form-2">

Sırasıyla isim, e-mail ve yorum elemanlarını oluşturalım .

 
İSMİNİZ    : <INPUT NAME="isim" TYPE="TEXT" SIZE="30">
E-MAİLİNİZ : <INPUT NAME="e-mail" TYPE="TEXT" SIZE="30">
YORUMUNUZ  : <INPUT NAME="yorum" TYPE="TEXT" SIZE="50">
</PRE>

Artık radio kutucukları ile cinsiyet sormak için gerekli ifadelere geçelim. Burada sadece cinsiyeti soracağız ve iki tercihten ( kadın/erkek ) birinin seçilmesii isteyeceğiz. İki seçim olabilmesine rağmen tek bir değişkene atayacağız ve bu nedenlede iki radio kutucuğunu bir çift olarak kullanabilmek ikisine de cinsiyet isimini vereceğiz.

 
Cinsiyet :<BR>
Erkek : <INPUT TYPE="RADIO" NAME="cinsiyet" VALUE="Erkek">
Kadın : <INPUT TYPE="RADIO" NAME="cinsiyet" VALUE="Kadin">

Şimdide seçim kutucukları ile hangi müzik türünden hoşlanıldığını nasıl öğreneceğimizi görelim. Bir kişi birden fazla müzik türünden hoşlanabileceği için seçim kutucukları kullanacağız, her seçim kutusu alacağı değerle ilişkili olarak isimlendirilecektir. Mesela Türk Sanat Müziği için TurkSanatMuzigi olarak ilişkili kutucuk isimlendirilebilir. Şimdi gerekli ifadelere geçelim.

 
<P>Ne tür müzikten hoşlanırsınız<BR>
<INPUT TYPE="CHECKBOX" NAME="TurkHalkMuzigi" VALUE="Evet">
        Türk halk müziği<BR>
<INPUT TYPE="CHECKBOX" NAME="TurkSanatMuzigi" VALUE="Evet">
        Türk sanat müziği<BR>
<INPUT TYPE="CHECKBOX" NAME="Arabeks" VALUE="Evet"> Arabeks<BR>
<INPUT TYPE="CHECKBOX" NAME="Pop" VALUE="Evet"> Pop<BR>
<INPUT TYPE="CHECKBOX" NAME="Ilahi" VALUE="Evet"> İlahi<BR>
<INPUT TYPE="CHECKBOX" NAME="Rock" VALUE="Evet"> Rock<BR>

Bu işlemi de bitirdiğimize göre form silme ve gönderme butonlarını ekleyebiliriz.

 
<INPUT TYPE="RESET" VALUE="FORMU SİL">
<INPUT TYPE="SUBMIT" VALUE="FORMU GÖNDER">

Artık formumuzu oluşturduğumuza göre tüm ifadeleri birleştirerek formun tamamını görebilir ve sonucunu inceleyebiliriz.

 
<FORM METHOD="POST"
  ACTION="www.pctekno.net/diger/denemeFormMail.php">
<PRE>
<INPUT TYPE="HIDDEN" NAME="form-adi" VALUE="Ornek-form-2">
İSMİNİZ    : <INPUT NAME="isim" TYPE="TEXT" SIZE="30">
E-MAİLİNİZ : <INPUT NAME="e-mail" TYPE="TEXT" SIZE="30">
YORUMUNUZ  : <INPUT NAME="yorum" TYPE="TEXT" SIZE="50">
</PRE>
Cinsiyet :<BR>
Erkek : <INPUT TYPE="RADIO" NAME="cinsiyet" VALUE="Erkek">
Kadın : <INPUT TYPE="RADIO" NAME="cinsiyet" VALUE="Kadin">
<P>Ne tür müzikten hoşlanırsınız<BR>
<INPUT TYPE="CHECKBOX" NAME="TurkHalkMuzigi" VALUE="Evet">
        Türk halk müziği<BR>
<INPUT TYPE="CHECKBOX" NAME="TurkSanatMuzigi" VALUE="Evet">
        Türk sanat müziği<BR>
<INPUT TYPE="CHECKBOX" NAME="Arabeks" VALUE="Evet"> Arabeks<BR>
<INPUT TYPE="CHECKBOX" NAME="Pop" VALUE="Evet"> Pop<BR>
<INPUT TYPE="CHECKBOX" NAME="Ilahi" VALUE="Evet"> İlahi<BR>
<INPUT TYPE="CHECKBOX" NAME="Rock" VALUE="Evet"> Rock<BR>
<P><INPUT TYPE="RESET" VALUE="FORMU SİL">
<INPUT TYPE="SUBMIT" VALUE="FORMU GÖNDER">

Bu ifadeleri yazarak sonucunu browserinizde görünüz. Bu form ile üç farklı form öğesini daha kullanmış olduk. Bunlar gizli form elemanları ki açıklamalar için ve bilgi aktarmak için kullanılabilirler, radio kutuları ve seçim kutucuklarıdır. Radio kutuları ve seçim kutucukları arasındaki farka dikkat ediniz. Örnek formumuzun sonucunu görmek için tıklayınız . <a href="ornekler.php?sayfa=118" target="_blank">tıklayınız</a>

Yorumlar (0)

Bu içeriğe ait yorumları masaüstüne alabilirsiniz