Ö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>
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>
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>
Ö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> </td> <td><input type="submit" name="yukle" value="Yükle"></td> </tr> </table> </form> </body> </html>
Ö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>
Ö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.
Ö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>
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