Form Oluşturma

  Formlar kullanıcıdan bilgi almak için kullanılan öğelerdir. Üye girişi, ziyaretçi defteri vs form kullanımına örnek olarak gösterilebilir.

<form>
  <input>
  <input>
</form>

  Genel yapısı yukarıdaki gibidir. Ana etiketimiz <form> 'dur ve formu oluşturmaya yarar. İnput ise kullanıcının birşeyler yazacağı metin kutusudur. Düz metin veya şifre girmek için farklı tipte inputlar vardır. Hatta butonlar bile input ile oluşturulabilir. İnputun bu şekilde tipini oluşturmak için type=" " komutu kullanılır.

 

<form>
Adınız: 
<input type="text" name="isim"/>
<br>
Şifreniz: 
<input type="password" name="soyad"/>
</form>

Adınız:     
Soyadınız:

   Yukarıdaki örnekte ilk inputun tipi 'text'dir. İkinci inputta ise şifre girildiğinden dolayı type değeri password'dür. Name kısmı ise inputla alınan veriye isim verir yani o isim kullanılarak veri değişken gibi diğer yerlerde kullanılabilir. Bunu PHP ile uğraşırken kullanacağımızdan şimdilik sadece üzerinden geçiyorum.
   Farkettiğiniz gibi input etiketinin kapatma etiketi yoktur. Bu bir istisnadır ve bazı etiketler böyledir. Sonlarında  " />  "  kullanılarak komut bitirilir.

                                              RADIO BUTTONS

  Kullanıcıya seçmesi için seçenek sunulması gerektiğinde kullanılır.

<form>
<input type="radio" /> Erkek
<br>
<input type="radio" /> Kadın
</form>

 
Çıktısı:

Erkek
Kadın

                                             

                                              CHECKBOX

  Seçenekler arasından istenildiği kadar seçilebileceği durumlarda checkbox kullanılır.

<form>
Basketbol
<input type="checkbox"  />
<br>
Tenis
<input type="checkbox" />
<br>
Voleybol 
<input type="checkbox" />
</form>

                          
Çıktısı:
Basketbol
Tenis
Voleybol                                          

                                              ONAY BUTONU

  Formun gönderilmesi için kullanılan butondur. Gönderme işlemi PHP veya ASP gibi dillerle server tarafında yapılır, biz şimdi sadece görünüş olarak buton eklemeyi göreceğiz. Koyduğumuz butona tıklandığında herhangi birşey olmayacak.

<input type="submit" value="Gönder">