Örnek Form Uygulaması

Bu formumuzda isim, e-mail, yorum ve ülke bilgilerini ziyaretçimizden alacağız.İlk olarak formumuzu oluşturalım, isim ve e-mail bilgileri için yazım kutularını oluşturalım.

PLAIN TEXT
HTML:
  1. <form METHOD="POST"
  2.   ACTION="www.webtasarimrehberi.com/diger/denemeFormMail.php">
  4. <input TYPE="HIDDEN" NAME="form-adi" VALUE="Ornek-form-2"/>
  5. İSMİNİZ    : <input NAME="isim" TYPE="TEXT" SIZE="30"/>
  6. E-MAİLİNİZ : <input NAME="e-mail" TYPE="TEXT" SIZE="30"/>

Şimdide ziyaretçinin bulunduğu ülkeyi seçmesi için bir seçim menüsü oluşturalım. Bu menüde ziyaretçimizin Türkiye'den olma ihtimaline karşılık öntanımlı olarak Türkiye seçeneğini göstereceğiz.

PLAIN TEXT
CODE:
  1. ÜLKE : <select NAME="Ulke" SIZE="1">
  2.         <option> Almanya
  3.         </option><option> Avusturya
  4.         </option><option> Hollanda
  5.         </option><option> Fransa
  6.         </option><option> Irak
  7.         </option><option> İran
  8.         </option><option> K.K.T.C.
  9.         </option><option SELECTED> Türkiye
  10.         </option></select>

Bu işlemden sonra ziyaretçinin yorumlarını gireceği bir yazım alanı oluşturalım.

PLAIN TEXT
CODE:
  1. YORUMLARINIZ : <textarea NAME="Yorum" COLS="20" ROWS="3">
  2.                </textarea>

Şimdi formumuza silme ve gönderme butonlarını ekleyerek formumuzu bitirelim.

PLAIN TEXT
HTML:
  1. </pre>
  2. <p><input TYPE="RESET" VALUE="FORMU SİL"/>
  3. <input TYPE="SUBMIT" VALUE="FORMU GÖNDER"/>
  4. </p></form>

Bu ifadeleri birleştirelim.

PLAIN TEXT
CODE:
  1. <form METHOD="POST"
  2.   ACTION="www.webtasarimrehberi.com/diger/denemeFormMail.php">
  3. <pre>
  4. <input TYPE="HIDDEN" NAME="form-adi" VALUE="Ornek-form-3"/>
  5. İSMİNİZ       : <input NAME="isim" TYPE="TEXT" SIZE="30"/>
  6. E-MAİLİNİZ    : <input NAME="e-mail" TYPE="TEXT" SIZE="30"/>
  7. ÜLKE          : <select NAME="Ulke" SIZE="1">
  8.                 <option> Almanya
  9.                 </option><option> Avusturya
  10.                 </option><option> Hollanda
  11.                 </option><option> Fransa
  12.                 </option><option> Irak
  13.                 </option><option> İran
  14.                 </option><option> K.K.T.C.
  15.                 </option><option SELECTED> Türkiye
  16.                </option></select>
  17. YORUMLARINIZ : <textarea NAME="Yorum" COLS="20" ROWS="3">
  18.                </textarea>
  19. </pre>
  20. <p><input TYPE="RESET" VALUE="FORMU SİL"/>
  21. <input TYPE="SUBMIT" VALUE="FORMU GÖNDER"/>
  22. </p></form>

Favorilerinize Ekleyin.
  • BlinkList
  • del.icio.us
  • Digg
  • Netvouz
  • DZone
  • ThisNext
  • MisterWong
  • Wists
  • blogmarks
  • Blue Dot
  • Furl
  • Netscape
  • NewsVine
  • Reddit
  • Shadows
  • Technorati
  • YahooMyWeb
  • Fark
  • feedmelinks
  • Fleck
  • kick.ie
  • LinkaGoGo
  • Linkter
  • MyShare
  • Spurl
  • Webride