Yazdır 29 Nisan 2010 Perşembe (Hit: 123738)

Form Örnekleri

Örnek: Basit bir üyelik kaydı için kullanılabilecek bir form yapısı hazırlayalım.

<html>
<body>
   <form name="uyelik" method="post" action="uye_kaydet.php">
      Adınız: <input type="text" name="adi"><br>
      Soyadınız: <input type="text" name="soyadi"><br>
      Kullanıcı adınız: Adınız: <input type="text" name="kullanici_adi"><br>
      e-mail adresiniz: <input type="text" name="email"><br>
      Şifre: <input type="password" name="sifre"><br>
      Tekrar şifre: <input type="password" name="tekrar_sifre"><br>
      <input type="submit" name="gonder" value="Gönder">
   </form>
</body>
</html>

 

Adınız:
Soyadınız:
Kullanıcı adınız:
e-mail adresiniz:
Şifre:
Tekrar şifre:
 

 

Unutmayınız ki formlara girilen bilgilerin kontrolü javascript ile yapılmaktadır. Bu şimdilik bizim konumuz değildir.

Web sayfalarında formların daha düzgün görünmesi için genelde tablolar kullanılır. Benzer bir formu tablo kullanarak oluşturalım.

 

 

 

Örnek: Kişisel bilgilerin kaydı için kullanılabilecek bir form yapısını tablo kullanarak hazırlayalım.

<html>
<body>
   <form name="kisisel" method="post" action="kisisel_kaydet.php">
      <table>
         <tr>
            <td align="right">Ad:</td>
            <td><input type="text" name="adi"></td>
         </tr>
         <tr>
            <td align="right">Soyad:</td><td><input type="text" name="soyadi"></td>
         </tr>
         <tr>
            <td align="right">Cinsiyet:</td>
            <td>
               Bay<input type="radio" name="cinsiyet" value="bay" checked>
               Bayan <input type="radio" name="cinsiyet" value="bayan">
            </td>
         </tr>
         <tr>
            <td align="right">Eğitim Durumu:</td>
            <td>
               <select name="egitim">
                  <option value="ilkogretim">İlköğretim</option>
                  <option value="lise" selected>Lise</option>
                  <option value="yuksekokul">Yüksek Okul</option>
                  <option value="universite">Üniversite</option>
                  <option value="master">Master</option>
                  <option value="doktora">Doktora</option>
               </select>
            </td>
         </tr>
         <tr>
            <td align="right"><input type="submit" name="gonder" value="Gönder"></td>
            <td><input type="reset" name="temizle" value="Temizle"></td>
         </tr>
      </table>
   </form>
</body>
</html>

 

Ad:
Soyad:
Cinsiyet: Bay Bayan
Eğitim Durumu:

Burada form elemanları tablo içerisindedir. Tablo kenarlığı ise gösterilmemektedir.

 

 

 

Örnek: Yorum ekleme formu hazırlayalım.

<html>
<body>
   <form name="yorum" method="post" action="yorum_kaydet.php">
      <table>
         <tr>
            <td align="right">Ad Soyad:</td>
            <td><input type="text" name="adsoyad"></td>
         </tr>
         <tr>
            <td align="right">Başlık:</td><td><input type="text" name="baslik"></td>
         </tr>
         <tr>
            <td align="right">Yorum:</td>
            <td><textarea name="yorum"></textarea></td>
         </tr>
         <tr>
            <td align="right">e-mail:</td>
            <td><input type="text" name="email"></td>
         </tr>
         <tr>
            <td align="right">Web Site:</td>
            <td><input type="text" name="website" value="http://www."></td>
         </tr>
         <tr>
            <td align="right"><input type="submit" name="gonder" value="Gönder"></td>
            <td><input type="reset" name="temizle" value="Temizle"></td>
         </tr>
      </table>
   </form>
</body>
</html>

 

Ad Soyad:
Başlık:
Yorum:
e-mail:
Web Site:

 

 

 

Örnek: Dosya yükleme formunu hazırlayalım.

<html>
<body>
   <form name="yukle" method="post" action="yukle.php" enctype="multipart/form-data">
      <table>
         <tr>
            <td align="right"><b>Dosyanın Kalıcı Adı:</b></td>
            <td><input type="text" name="dosyaadi"></td>
         </tr>
         <tr>
            <td align="right"><b>Dosya Seçiniz:</b></td>
            <td><input type="file" name="dosya"></td>
         </tr>
         <tr>
            <td align="right"><b>Dosya Türü:</b></td>
            <td>
               <select name="tur">
                  <option value="jpg">jpg</option>
                  <option value="gif">gif</option>
                  <option value="png">png</option>
                  <option value="pdf">pdf</option>
                  <option value="doc">doc</option>
                  <option value="xls">xls</option>
                  <option value="ppt">ppt</option>
                  <option value="rar">rar</option>
                  <option value="txt">txt</option>
               </select>
            </td>
         </tr>
         <tr>
            <td align="right" valign="top"><b>Kayıt Yeri:</b></td>
            <td>
               <input type="radio" name="kayit_yeri" value="resimler" checked>Resimler<br>
               <input type="radio" name="kayit_yeri" value="belgeler">Belgeler
            </td>
         </tr>
         <tr>
            <td>&nbsp;</td>
            <td><input type="submit" name="yukle" value="Yükle"></td>
         </tr>
      </table>
   </form>
</body>
</html>

 

Dosyanın Kalıcı Adı:
Dosya Seçiniz:
Dosya Türü:
Kayıt Yeri: Resimler
Belgeler
 

 

 

 

Örnek: Basit bir yemek sipariş formu hazırlayalım.

<html>
<body>
   <form name="siparis" method="post" action="siparis.php">
      <table>
         <tr>
            <td align="right"><b>Adınız Soyadınız:</b></td>
            <td><input type="text" name="adisoyadi"></td>
         </tr>
         <tr>
            <td align="right"><b>Adres:</b></td>
            <td><input type="text" name="adres"></td>
         </tr>
         <tr>
            <td align="right"><b>Telefon:</b></td>
            <td><input type="text" name="telefon"></td>
         </tr>
      </table>
      <fieldset>
         <legend>Çorbalar</legend>
         <input type="radio" name="corba" value="mercimek">Mercimek<br>
         <input type="radio" name="corba" value="ezogelin">Ezogelin<br>
         <input type="radio" name="corba" value="yayla">Yayla<br>
         <input type="radio" name="corba" value="iskembe">İşkembe<br>
      </fieldset>
      <fieldset>
         <legend>Yemekler</legend>
         <table>
            <tr>
               <td>
                  <input type="checkbox" name="corba" value="pilav">Pilav<br>
                  <input type="checkbox" name="corba" value="taskebabi">Tas Kebabı<br>
                  <input type="checkbox" name="corba" value="kuru">Kuru Fasulye<br>
                  <input type="checkbox" name="corba" value="kavurma">Et Kavurma
               </td>
               <td>
                  <input type="checkbox" name="corba" value="patlican">Patlıcan Kebap<br>
                  <input type="checkbox" name="corba" value="doner">Döner<br>
                  <input type="checkbox" name="corba" value="sote">Et Sote<br>
                  <input type="checkbox" name="corba" value="turlu">Türlü<br>
               </td>
            </tr>
         </table>
      </fieldset>
      <fieldset>
         <legend>Tatlılar</legend>
         <input type="radio" name="tatli" value="kadayif">Kadayıf<br>
         <input type="radio" name="tatli" value="kemalpasa">Kemalpaşa<br>
         <input type="radio" name="tatli" value="kunefe">Künefe<br>
         <input type="radio" name="tatli" value="sutlac">Sütlaç<br>
      </fieldset>
      <input type="submit" name="siparis" value="Sipariş Ver">
   </form>
</body>
</html>

 

Adınız Soyadınız:
Adres:
Telefon:
Çorbalar Mercimek
Ezogelin
Yayla
İşkembe
Yemekler
Pilav
Tas Kebabı
Kuru Fasulye
Et Kavurma
Patlıcan Kebap
Döner
Et Sote
Türlü
Tatlılar Kadayıf
Kemalpaşa
Künefe
Sütlaç
 

 

 

 

Örnek: Formalara girilen bilgilerin ne amaçla gönderildiğini gizli form ile belirtelim. Web sayfalarında bazen aynı formlar hem yeni kayıt hem de kayıt güncelleme amaçlı kullanılmaktadır. Hangi amaçla kullanıldığı gizli form ile belirtilebilir.

<html>
<body>
   <form name="yazi" method="post" action="yazi_kayit.php">
      Yazı Başlığı: <input type="text" name="baslik"><br>
      Yazı:<br>
      <textarea name="yazi" rows="10" cols="50"></textarea><br>
      <input type="hidden" name="islem" value="yenikayit">
      <input type="submit" name="kaydet" value="Kaydet">
   </form>
</body>
</html>

Yukarıdaki formda gönder denildiğinde bilgilerin gönderildiği yazi_kayit.php sayfasında islem isimli gizli formun değerine göre işlem yapılır.

Yazı Başlığı:
Yazı:

 

 

 

 

Örnek: Basit bir program arama formu hazırlayalım.

<html>
<body>
   <form name="arama" method="post" action="ara.php">
      <table>
         <tr>
            <td colspan="4"><b>Program Adı:</b> <input type="text" name="ad"></td>
         </tr>
         <tr>
            <td>
               <b>Kategori:</b><br>
               <select name="kategori" size="10">
                  <option value="guvenlik">Güvenlik</option>
                  <option value="grafik">Grafik</option>
                  <option value="masaustu">Masaüstü</option>
                  <option value="ses-video">Ses-Video</option>
                  <option value="internet">İnternet</option>
               </select>
            </td>
            <td>
               <b>Lisans:</b><br>
               <select name="lisans" size="10">
                  <option value="free">Freeware</option>
                  <option value="share">Shareware</option>
                  <option value="ucretli">Ücretli</option>
                  <option value="gnu">GNU/GPL</option>
               </select>
            </td>
            <td>
               <b>Dil:</b><br>
               <select name="dil" size="10">
                  <option value="turkce">Türkçe</option>
                  <option value="ingilizce">İngilizce</option>
                  <option value="almanca">Almanca</option>
                  <option value="fransizca">Fransızca</option>
                  <option value="diger">Diğer</option>
               </select>
            </td>
            <td>
               <button>
                  <img src="https://www.phpdefteri.com/upload/png/arama.png"><br>
                  <b>Ara</b>
               </button>
            </td>
         </tr>
      </table>
   </form>
</body>
</html>

 

Program Adı:
Kategori:
Lisans:
Dil:

 


Bu site meslek liselerinde bilişim bölümü web programcılığı dalında okutulan internet programcılığı dersine yardımcı olması için tasarlanmıştır. İletişim için iletisim@phpdefteri.com
Apache PHP MySQL PhpMyAdmin EasyPHP Xampp AppServ Wamp W3School

www.phpdefteri.com © 2010