- Kayıt
- 3 Nisan 2008
- Mesaj
- 2.630
- Tepki
- 89
Arkadaşlar burada sizlere html ile form nasıl oluşturulur,bu formu bir php dosyasına nasıl kaydedersiniz onu anlatmaya çalışacağım...
Form oluştururken Değişik Taglar Kullanılır...
isterseniz sırasıyla bunları tanıyarak inceleyelim...
*Text Box(Yazi Kutusu)
HTML icerisinde <INPUT> elementi kullanilarak yaratilan bu kontrol belkide web uzerinde en
alisik oldugumuz kontroldur.
Kullanimi su sekildedir.
Kod:
<INPUT TYPE="Text" NAME="Textbox1">
Ornek verecek olursak :
1.Text editorunuzu acip asagidaki kodlari yazin.
Kod:
<HTML><HEAD></HEAD><BODY><FORM METHOD=GET ACTION="sistem.php">
Şu An Kullanığınız İşletim Sistemi?
Kod:
<INPUT NAME="sistem" TYPE="TEXT"><BR><BR><INPUT TYPE=SUBMIT></FORM></BODY></HTML>
2.Bu dosyayi web serverin root klasorune "sistem.html" olarak kayit edin.
3.Yeni bir text editoru acin ve asagdaki kodlari yazin.
Kod:
<HTML><HEAD></HEAD><BODY>Kullandığınız Sistem:<?phpecho $sistem;?></BODY></HTML>
4.Bu dosyayi web serverin root klasorune "sistem.php" olarak kayit edin.
5."sistem.html" dosyaysini browserinizda acip bir isim yazmayi deneyin.
6.Gonder tusuna bastiginizda program size yazdigizniz kisinin adini verecektir.
Dikkat ettiyseniz ilk "sistem.html" dosyasinda textbox kontrolune "sistem" ismini verdik.Bu formu
"sistem.php" dosyasina islenmesi icin gonderdigimizde PHP $sistem degiskenini otomatik olarak
yaratip formdaki veriyi (Sistem Ismi) bu degiskene esitledi *Text Alanlari(Buyuk Yazi Alanlari)
Bazen kullanicidan tum bir satiri veya satirlari gondermesini isteyebiliriz.Bu bazen kullanicinin
yorumlari,dusunceleri veya bir konudaki makale yi html formu icerisine yazdirmak olabilir.Iste bu
noktada kullanabilcegimiz HTML kontrolu olan TextArea kontrolu bize icinde bir cok satirin
yazilabilkcegi bir text alani kontrolu yaratmamaizi saglar.Bu kontrolun en buyuk avantaji icine
yazilabilecek satir sayisinin ayarlanabilmesidir.
Bir ornek Vermek gerekirse,
1.Text editorunuzu acin ve asagidaki kodlari girin.
Kod:
<HTML><HEAD></HEAD><BODY><FORM METHOD=POST ACTION="textkontrol.php">
En begendiginiz web siteleri hangileridir?
Kod:
<TEXTAREA NAME="Siteler" COLS="50" ROWS="5">[/size][/font]http://www.abdullahsahin.com.tr
http://forum.abdullahsahin.com.tr
http://
http://</TEXTAREA><BR><BR><INPUT TYPE=SUBMIT></FORM></BODY></HTML>
2.Bu dosyayi "textarea.html" olarak kaydedin mesela.(Dosyayi hangi adla kaydettiginiz cok onemli
degil.Sonucta yukarida ACTION kisminda buraya girdigimiz verilerin hangi php dosyaysi taraindan
islenecegini belirttik.)
3.Yeni bir text editor acip icine asagidakileri yazin.
Kod:
<HTML><HEAD></HEAD><BODY>Sizin sevdiginiz web siteleri :<?phpecho $Siteler;?></BODY></HTML>
4.Bu dosyayi "textkontrol.php" olarak kayit edin.
5.Yukarida "textarea.html" olarak kayit ettiginiz dosyayi bir browser yardimiyla acin.
6.Bir kac satir veri girin ve "Gonder" tusuna basin.
7.Sonuc ta yazdiginiz verileri bir sonraki "textkontrol.php" dosyasinda islenmis olarak
bulacaksiniz.
Buraya Kadar Bir Formda Textboxlar nasıl kullanılır bunları öğrenmiş olduk....
Şimdi Gelelim,Diğer Çok kullanlıan Taglarımıza...
*Check Box Kullanimi
Diger kontroller gibi <INPUT> tagi kullanilarak yaratilir.
Ornek kullanim :
<INPUT NAME="IsaretKutusu" TYPE="Checkbox">
Genelde evet/hayir sorularina kullanicinin cevap vermesinde faydali bir HTML kontroldur.
Bu kontrol CHECKED olarak isimlendirilen bir ozellige sahiptir.Bu ozellik kullanildiginda
"checkbox" kontrolumuz ontanimli "isaretli" olarak sayfada yuklenir.
Ornek vermek gerekirse,
Kod:
<INPUT NAME="IsaretKutusu" TYPE="CHECKBOX" CHECKED>
Simdi de "checkbox" yani kontrol kutusu kullanimima bir genel ornek verelim ve bilgilerin HTML
formundan PHP scriptlerine nasil aktarildigina bakalim.
1.Text editorunu acip asagidaki kodlari yazin.
Kod:
<HTML><HEAD></HEAD><BODY><FORM METHOD=POST ACTION="checkbox.php">Daha once hic yilan yedinizmi?<INPUT NAME="Secim" TYPE="Checkbox"><BR><BR><INPUT TYPE=SUBMIT></FORM></BODY></HTML>
2.Bu dosyayi "checkbox.html" olarak kaydedin.
3.Yeni bir text editoru acarak asagidaki kodlari yazin.
<HTML>
<HEAD></HEAD>
<BODY>
<?php
echo $Secim;
?>
</BODY>
</HTML>
4.Bu dosyayi ise "checkbox.php" olarak kayit edin.
5."checkbox.html" dosyasini web browser yardimiyla acin.
Bu checkbox'ı kontrol ettiğinizde Tek Seçenek olduğunu göreceksiniz...
Eğer Birden Fazla seçenek oluşturmak istiyorsanız aşağıdaki örneği inceleyin...
1.Text editorunu acin ve asagidaki kodlari yazin.
Kod:
<HTML><HEAD></HEAD><BODY><FORM METHOD=POST ACTION="checkboxes.php">Daha once yilan yedinizmi?<INPUT NAME="Secim1" TYPE="Checkbox" VALUE="yilan"><BR>Daha once balik yedinizmi?<INPUT NAME="Secim2" TYPE="Checkbox" VALUE="balik"><BR>Daha once ahtapot yedinizmi?<INPUT NAME="Secim3" TYPE="Checkbox" VALUE="ahtapot"><BR><INPUT TYPE=SUBMIT></FORM></BODY></HTML>
2.Bu dosyayi "checkboxes.html" olarak kayit edin.
3.Yeni bir text editoru acip asagidakileri yazin.
Kod:
<HTML><HEAD></HEAD><BODY><?phpecho "$Secim1 <BR>";echo "$Secim2 <BR>";echo "$Secim3 <BR>";?></BODY></HTML>
4.Bu dosyayi "checkboxes.php" olarak kayit edin.
5."checkboxes.html" dosyasini browser yardimiyla acin.
6.Bir kac secenegi secip gonder tusuna basin.
Sectginiz secimler bir sonraki sayfada goruntulendi degilmi?
*Radio Düğmeleri
Radyo Dugmeleri
Radyo dugmeleri ,checkbox kontrollerinin "bencil" kuzenleridir.Bu kontrolde secilecek olan
cevaplardan yanlizca bir tanesi isaretlenebilir.Mesela Turkieyenin Baskenti hangisidir? gibi bir
soruya insanlar yanlizca bir cevap gonderebilirler.Bunun gibi durumlarda "radyo dugmeleri"
kullanilmaktadir.
Bir ornek vermek istersek,
1.Text editorunuzu acip asagidaki kodlari yazin.
Kod:
<HTML><HEAD></HEAD><BODY><FORM METHOD=GET ACTION="radyo.php">Turkiye'nin Baskenti Asagidakilerden Hangisidir?<BR><BR><INPUT NAME="Cevap1" TYPE="Radio" VALUE="Istanbul">Istanbul<BR><INPUT NAME="Cevap1" TYPE="Radio" VALUE="Ankara">Ankara<BR><INPUT NAME="Cevap1" TYPE="Radio" VALUE="Izmir">Izmir<BR><BR><INPUT TYPE=SUBMIT></FORM></BODY></HTML>
2.Bu dosyayi "radyo.html" olarak kaydedin.
3.Yeni bir text editoru acarak asagidaki kodlari yazin.
<HTML>
<HEAD></HEAD>
<BODY>
<?php
echo "Seciminiz : $Cevap1 ";
?>
</BODY>
</HTML>
4.bu dosyayi "radyo.php" olarak kaydedin.
5."radyo.html" dosyaysini bir browser yardimiyla acin.
6.Bir secenek isaretleyip gonder tusuna basin.
*Liste Kutulari
Liste kutulari veya cek-birak menuleri genelde icinden secim yapacaginiz bir kac ogenin bulundugu
kontrollerdir.HTML icerisinde bu kontroller <SELECT> VE <OPTION> taglari kullanilarak
yaratilirlar.Radyo dugmeleri ile ayni islevi gorurler.Hemen hemen ayni yapiya
sahiptirler.Genellikle kontrol icerisinde bulunan ogelerden yanlizca bir tanesinin secilmesine izin
verirler.
Liste kutulari <SELECT> tagi kullanilarak yaratilirlar.<OPTION> tagiyla kontrol icinde
gosterilecek ogeler yaratilir.
Bir ornek vermek gerekirse,
Kod:
<SELECT NAME="Fiyat"><OPTION>5.000.000 TL den az</OPTION><OPTION>5.000.000 TL den 10.000.000 TL ye kadar</OPTION><OPTION>10.000.000 TL den cok</OPTION></SELECT>
Eger liste kutusunun icindeki ogelerden,kullanicinin coklu secim yapabilmesini
istiyorsaniz,<SELECT> taginin MULTIPLE ozelligini kullanmalisiniz.Kullanicininlistedeki
ogelrden bir kacini secmesi icin "Shift" tusunu secimleri yaparken basili tutmasi gerekir.
Tum bu konuya bir ornek vermek istersek,
1.Text editorunu acin ve asagidaki kodlari yazin.
Kod:
<HTML><HEAD></HEAD><BODY><FORM METHOD=GET ACTION="listbox.php">Almayi dusundugunuz arabanin fiyat araligi nedir?<BR><BR><SELECT NAME="Fiyat"><OPTION> $5,000</OPTION><OPTION>$5,000-$10,000</OPTION><OPTION>$10,000-$25,000</OPTION><OPTION> $25,000 dan Fazla</OPTION></SELECT><BR><BR>Motor hacminin ne olmasini istersiniz? (Shifte basili tutarsaniz birden cok tercih yapabilirsiniz)<BR><BR><SELECT NAME="MotorHacmi[]" MULTIPLE><OPTION>1.0L</OPTION><OPTION>1.4L</OPTION><OPTION>1.6L</OPTION><OPTION>2.0L</OPTION></SELECT><BR><BR><INPUT TYPE=SUBMIT></FORM></BODY></HTML>
2.Bu dosyayi "listbox.html" olarak kayit edin.
3.Bir baska text editor dosyasi acin ve icine asagidaki kodlari yazin.
Kod:
<HTML><HEAD></HEAD><BODY><?phpecho "Fiyat Araligi: $Fiyat";echo "<BR>Motor Hacmi: $MotorHacmi[0]";echo "$MotorHacmi[1]";echo "$MotorHacmi[2]";echo "$MotorHacmi[3]";?></BODY></HTML>
4.Bu dosyayi "listbox.php" olarak kayit edin.
5."listbox.html" dosyasini acip bir kac secim yapin ve gonder tusuna basin.
7.Seciminiz bir sonraki sayfada goruntulenecektir
Form oluştururken Değişik Taglar Kullanılır...
isterseniz sırasıyla bunları tanıyarak inceleyelim...
*Text Box(Yazi Kutusu)
HTML icerisinde <INPUT> elementi kullanilarak yaratilan bu kontrol belkide web uzerinde en
alisik oldugumuz kontroldur.
Kullanimi su sekildedir.
Kod:
<INPUT TYPE="Text" NAME="Textbox1">
Ornek verecek olursak :
1.Text editorunuzu acip asagidaki kodlari yazin.
Kod:
<HTML><HEAD></HEAD><BODY><FORM METHOD=GET ACTION="sistem.php">
Şu An Kullanığınız İşletim Sistemi?
Kod:
<INPUT NAME="sistem" TYPE="TEXT"><BR><BR><INPUT TYPE=SUBMIT></FORM></BODY></HTML>
2.Bu dosyayi web serverin root klasorune "sistem.html" olarak kayit edin.
3.Yeni bir text editoru acin ve asagdaki kodlari yazin.
Kod:
<HTML><HEAD></HEAD><BODY>Kullandığınız Sistem:<?phpecho $sistem;?></BODY></HTML>
4.Bu dosyayi web serverin root klasorune "sistem.php" olarak kayit edin.
5."sistem.html" dosyaysini browserinizda acip bir isim yazmayi deneyin.
6.Gonder tusuna bastiginizda program size yazdigizniz kisinin adini verecektir.
Dikkat ettiyseniz ilk "sistem.html" dosyasinda textbox kontrolune "sistem" ismini verdik.Bu formu
"sistem.php" dosyasina islenmesi icin gonderdigimizde PHP $sistem degiskenini otomatik olarak
yaratip formdaki veriyi (Sistem Ismi) bu degiskene esitledi *Text Alanlari(Buyuk Yazi Alanlari)
Bazen kullanicidan tum bir satiri veya satirlari gondermesini isteyebiliriz.Bu bazen kullanicinin
yorumlari,dusunceleri veya bir konudaki makale yi html formu icerisine yazdirmak olabilir.Iste bu
noktada kullanabilcegimiz HTML kontrolu olan TextArea kontrolu bize icinde bir cok satirin
yazilabilkcegi bir text alani kontrolu yaratmamaizi saglar.Bu kontrolun en buyuk avantaji icine
yazilabilecek satir sayisinin ayarlanabilmesidir.
Bir ornek Vermek gerekirse,
1.Text editorunuzu acin ve asagidaki kodlari girin.
Kod:
<HTML><HEAD></HEAD><BODY><FORM METHOD=POST ACTION="textkontrol.php">
En begendiginiz web siteleri hangileridir?
Kod:
<TEXTAREA NAME="Siteler" COLS="50" ROWS="5">[/size][/font]http://www.abdullahsahin.com.tr
http://forum.abdullahsahin.com.tr
http://
http://</TEXTAREA><BR><BR><INPUT TYPE=SUBMIT></FORM></BODY></HTML>
2.Bu dosyayi "textarea.html" olarak kaydedin mesela.(Dosyayi hangi adla kaydettiginiz cok onemli
degil.Sonucta yukarida ACTION kisminda buraya girdigimiz verilerin hangi php dosyaysi taraindan
islenecegini belirttik.)
3.Yeni bir text editor acip icine asagidakileri yazin.
Kod:
<HTML><HEAD></HEAD><BODY>Sizin sevdiginiz web siteleri :<?phpecho $Siteler;?></BODY></HTML>
4.Bu dosyayi "textkontrol.php" olarak kayit edin.
5.Yukarida "textarea.html" olarak kayit ettiginiz dosyayi bir browser yardimiyla acin.
6.Bir kac satir veri girin ve "Gonder" tusuna basin.
7.Sonuc ta yazdiginiz verileri bir sonraki "textkontrol.php" dosyasinda islenmis olarak
bulacaksiniz.
Buraya Kadar Bir Formda Textboxlar nasıl kullanılır bunları öğrenmiş olduk....
Şimdi Gelelim,Diğer Çok kullanlıan Taglarımıza...
*Check Box Kullanimi
Diger kontroller gibi <INPUT> tagi kullanilarak yaratilir.
Ornek kullanim :
<INPUT NAME="IsaretKutusu" TYPE="Checkbox">
Genelde evet/hayir sorularina kullanicinin cevap vermesinde faydali bir HTML kontroldur.
Bu kontrol CHECKED olarak isimlendirilen bir ozellige sahiptir.Bu ozellik kullanildiginda
"checkbox" kontrolumuz ontanimli "isaretli" olarak sayfada yuklenir.
Ornek vermek gerekirse,
Kod:
<INPUT NAME="IsaretKutusu" TYPE="CHECKBOX" CHECKED>
Simdi de "checkbox" yani kontrol kutusu kullanimima bir genel ornek verelim ve bilgilerin HTML
formundan PHP scriptlerine nasil aktarildigina bakalim.
1.Text editorunu acip asagidaki kodlari yazin.
Kod:
<HTML><HEAD></HEAD><BODY><FORM METHOD=POST ACTION="checkbox.php">Daha once hic yilan yedinizmi?<INPUT NAME="Secim" TYPE="Checkbox"><BR><BR><INPUT TYPE=SUBMIT></FORM></BODY></HTML>
2.Bu dosyayi "checkbox.html" olarak kaydedin.
3.Yeni bir text editoru acarak asagidaki kodlari yazin.
<HTML>
<HEAD></HEAD>
<BODY>
<?php
echo $Secim;
?>
</BODY>
</HTML>
4.Bu dosyayi ise "checkbox.php" olarak kayit edin.
5."checkbox.html" dosyasini web browser yardimiyla acin.
Bu checkbox'ı kontrol ettiğinizde Tek Seçenek olduğunu göreceksiniz...
Eğer Birden Fazla seçenek oluşturmak istiyorsanız aşağıdaki örneği inceleyin...
1.Text editorunu acin ve asagidaki kodlari yazin.
Kod:
<HTML><HEAD></HEAD><BODY><FORM METHOD=POST ACTION="checkboxes.php">Daha once yilan yedinizmi?<INPUT NAME="Secim1" TYPE="Checkbox" VALUE="yilan"><BR>Daha once balik yedinizmi?<INPUT NAME="Secim2" TYPE="Checkbox" VALUE="balik"><BR>Daha once ahtapot yedinizmi?<INPUT NAME="Secim3" TYPE="Checkbox" VALUE="ahtapot"><BR><INPUT TYPE=SUBMIT></FORM></BODY></HTML>
2.Bu dosyayi "checkboxes.html" olarak kayit edin.
3.Yeni bir text editoru acip asagidakileri yazin.
Kod:
<HTML><HEAD></HEAD><BODY><?phpecho "$Secim1 <BR>";echo "$Secim2 <BR>";echo "$Secim3 <BR>";?></BODY></HTML>
4.Bu dosyayi "checkboxes.php" olarak kayit edin.
5."checkboxes.html" dosyasini browser yardimiyla acin.
6.Bir kac secenegi secip gonder tusuna basin.
Sectginiz secimler bir sonraki sayfada goruntulendi degilmi?
*Radio Düğmeleri
Radyo Dugmeleri
Radyo dugmeleri ,checkbox kontrollerinin "bencil" kuzenleridir.Bu kontrolde secilecek olan
cevaplardan yanlizca bir tanesi isaretlenebilir.Mesela Turkieyenin Baskenti hangisidir? gibi bir
soruya insanlar yanlizca bir cevap gonderebilirler.Bunun gibi durumlarda "radyo dugmeleri"
kullanilmaktadir.
Bir ornek vermek istersek,
1.Text editorunuzu acip asagidaki kodlari yazin.
Kod:
<HTML><HEAD></HEAD><BODY><FORM METHOD=GET ACTION="radyo.php">Turkiye'nin Baskenti Asagidakilerden Hangisidir?<BR><BR><INPUT NAME="Cevap1" TYPE="Radio" VALUE="Istanbul">Istanbul<BR><INPUT NAME="Cevap1" TYPE="Radio" VALUE="Ankara">Ankara<BR><INPUT NAME="Cevap1" TYPE="Radio" VALUE="Izmir">Izmir<BR><BR><INPUT TYPE=SUBMIT></FORM></BODY></HTML>
2.Bu dosyayi "radyo.html" olarak kaydedin.
3.Yeni bir text editoru acarak asagidaki kodlari yazin.
<HTML>
<HEAD></HEAD>
<BODY>
<?php
echo "Seciminiz : $Cevap1 ";
?>
</BODY>
</HTML>
4.bu dosyayi "radyo.php" olarak kaydedin.
5."radyo.html" dosyaysini bir browser yardimiyla acin.
6.Bir secenek isaretleyip gonder tusuna basin.
*Liste Kutulari
Liste kutulari veya cek-birak menuleri genelde icinden secim yapacaginiz bir kac ogenin bulundugu
kontrollerdir.HTML icerisinde bu kontroller <SELECT> VE <OPTION> taglari kullanilarak
yaratilirlar.Radyo dugmeleri ile ayni islevi gorurler.Hemen hemen ayni yapiya
sahiptirler.Genellikle kontrol icerisinde bulunan ogelerden yanlizca bir tanesinin secilmesine izin
verirler.
Liste kutulari <SELECT> tagi kullanilarak yaratilirlar.<OPTION> tagiyla kontrol icinde
gosterilecek ogeler yaratilir.
Bir ornek vermek gerekirse,
Kod:
<SELECT NAME="Fiyat"><OPTION>5.000.000 TL den az</OPTION><OPTION>5.000.000 TL den 10.000.000 TL ye kadar</OPTION><OPTION>10.000.000 TL den cok</OPTION></SELECT>
Eger liste kutusunun icindeki ogelerden,kullanicinin coklu secim yapabilmesini
istiyorsaniz,<SELECT> taginin MULTIPLE ozelligini kullanmalisiniz.Kullanicininlistedeki
ogelrden bir kacini secmesi icin "Shift" tusunu secimleri yaparken basili tutmasi gerekir.
Tum bu konuya bir ornek vermek istersek,
1.Text editorunu acin ve asagidaki kodlari yazin.
Kod:
<HTML><HEAD></HEAD><BODY><FORM METHOD=GET ACTION="listbox.php">Almayi dusundugunuz arabanin fiyat araligi nedir?<BR><BR><SELECT NAME="Fiyat"><OPTION> $5,000</OPTION><OPTION>$5,000-$10,000</OPTION><OPTION>$10,000-$25,000</OPTION><OPTION> $25,000 dan Fazla</OPTION></SELECT><BR><BR>Motor hacminin ne olmasini istersiniz? (Shifte basili tutarsaniz birden cok tercih yapabilirsiniz)<BR><BR><SELECT NAME="MotorHacmi[]" MULTIPLE><OPTION>1.0L</OPTION><OPTION>1.4L</OPTION><OPTION>1.6L</OPTION><OPTION>2.0L</OPTION></SELECT><BR><BR><INPUT TYPE=SUBMIT></FORM></BODY></HTML>
2.Bu dosyayi "listbox.html" olarak kayit edin.
3.Bir baska text editor dosyasi acin ve icine asagidaki kodlari yazin.
Kod:
<HTML><HEAD></HEAD><BODY><?phpecho "Fiyat Araligi: $Fiyat";echo "<BR>Motor Hacmi: $MotorHacmi[0]";echo "$MotorHacmi[1]";echo "$MotorHacmi[2]";echo "$MotorHacmi[3]";?></BODY></HTML>
4.Bu dosyayi "listbox.php" olarak kayit edin.
5."listbox.html" dosyasini acip bir kac secim yapin ve gonder tusuna basin.
7.Seciminiz bir sonraki sayfada goruntulenecektir
