Öncelikle şunu bilmenizde yarar var: Form elemanlarını kullanmak ve elemanlardan veri aktarımları için bir form alanı oluşturmanız gerekmektedir.
Örneğin;
<form name="form_ismi" action="url.php" method="post"> <!-- Form elemanları bu yorum aralığına yazılır --> </form>
Form elemanlarını inceliyoruz şimdide;
<label>Metin alanı oluşturur.</label><input name="isim" type="tür" value="içerik metni" />
Gelelim input elemanının özelliklerine;
<textarea name="isim">Zengin metin kutusu</textarea>
Zengin metin kutusunda bir alt satıra vs. geçebilirsiniz. Normal metin kutusundan çok farkı yoktur ve kullanımı farklıdır. Ama yazının çok yazılacağı yerlerde bu zengin metin kutusu kullanılır. Önemli olan 2 özelliği vardır. Bunlar nelerdir;
<select name="isim"><option value="değer1">Menü 1</option><option value="değer2">Menü 2</option><option value="değer3">Menü 3</option></select>
Yukarıdaki select ve option etiketleri açılır menü oluşturmamıza yarar. Kullanımı şöyledir;
<select name="isim"></select><!-- elemanı ile açılır menüsünün ismini belirterek bir açılır menü oluşturuyoruz. -->
<option value="değer">İçerik</option><!-- elemanları ile açılır menü'nün içerikleri belirtilir ve elemanlara value="değer" özelliği ile bir değer atanır. -->
Birde örnek yapalım;
<form name="frm_kayit" action="kayit.php" method="post"><label>Kullanıcı Adı<br /><input name="txt_kullaniciadi" type="text" /></label> <label>Şifre<br /><input name="txt_sifre" type="password" /></label> <label>Hobiler<br /><textarea name="txtarea_hobiler"></textarea></label> <select name="slct_meslek"> <option value="ogrenci">Öğrenci</option> <option value="bilgisayar">Bilgisayar</option> <option value="muhasebeci">Muhasebeci</option></select></form>
Örneğin;
<form name="form_ismi" action="url.php" method="post"> <!-- Form elemanları bu yorum aralığına yazılır --> </form>
- action="url.php" - Bu özellik ile hangi sayfaya veya adrese yönlendirileceğini belirtiriz.
- method="post" - Bu özellik sayesinde sayfanın hangi metod ile gönderileceğini belirtiriz. Bunlar post, get ve request olarak 3 tanedir.
- name="isim" - Bu özellik ile forma bir isim veririz.
Form elemanlarını inceliyoruz şimdide;
<label>Metin alanı oluşturur.</label><input name="isim" type="tür" value="içerik metni" />
Gelelim input elemanının özelliklerine;
- name="isim" - Elemana bir isim vermek için kullanırız.
- type="tür"- Elemanın türünü belirtiriz. Örneğin; buton, metin kutusu vs.
- value="içerik" - Elemana bir değer atayabiliriz. Örneğin; metin kutusu içeriği, buton yazısı vs.
- text - Metin kutusu oluşturmak içi kullanılır.
- button - Buton oluşturmak için kullanılır.
- reset - Formu temizlemek için bir buton oluşturur.
- checkbox - Çoklu seçim kutusu oluşturur.
- radio - Tekli seçim kutusu oluşturur.
- file - Dosya seçme ve yükleme aracı oluşturur.
- password - İçeriği gizli metin kutusu oluşturur ve genelde şifre girmek için kullanılır.
- hidden - Gizli bir form elemanı oluşturur.
<textarea name="isim">Zengin metin kutusu</textarea>
Zengin metin kutusunda bir alt satıra vs. geçebilirsiniz. Normal metin kutusundan çok farkı yoktur ve kullanımı farklıdır. Ama yazının çok yazılacağı yerlerde bu zengin metin kutusu kullanılır. Önemli olan 2 özelliği vardır. Bunlar nelerdir;
- cols="50" - Zengin metin kutusunun enine olan uzantısını rakam ile belirtiriz.
- rows="20" - Zengin metin kutusunun boyuna olan uzantısını rakam ile belirtiriz.
<select name="isim"><option value="değer1">Menü 1</option><option value="değer2">Menü 2</option><option value="değer3">Menü 3</option></select>
Yukarıdaki select ve option etiketleri açılır menü oluşturmamıza yarar. Kullanımı şöyledir;
<select name="isim"></select><!-- elemanı ile açılır menüsünün ismini belirterek bir açılır menü oluşturuyoruz. -->
<option value="değer">İçerik</option><!-- elemanları ile açılır menü'nün içerikleri belirtilir ve elemanlara value="değer" özelliği ile bir değer atanır. -->
Birde örnek yapalım;
<form name="frm_kayit" action="kayit.php" method="post"><label>Kullanıcı Adı<br /><input name="txt_kullaniciadi" type="text" /></label> <label>Şifre<br /><input name="txt_sifre" type="password" /></label> <label>Hobiler<br /><textarea name="txtarea_hobiler"></textarea></label> <select name="slct_meslek"> <option value="ogrenci">Öğrenci</option> <option value="bilgisayar">Bilgisayar</option> <option value="muhasebeci">Muhasebeci</option></select></form>