Form elamanları kullanıcıdan bilgi ve dosya almak için kullanılırlar. Ziyaretçi form elemanına veri girer, bu veriler web programlama dilleri ile işlenirler. (php, asp vs...) Form elamanlarını oluşturmak için <form> etiketleri kullanılır. Örnek bir form etiketi:
<form name="test" action="sayfa.php" method="post">
form elemanları....
</form>
Önce form etiketini açıyor ve bazı parametreler giriyoruz. name ile formumuza bir isim verdik, action formun gönderileceği sayfa, method ise formun hangi method ile gönderileceğini belirler. Get veya Post tercih edilir.
Form elemanları :
Form etiketini açıp formumuzu oluşturduktan sonra, form elemanlarını ekleyelim ki ziyaretçiden bilgi alabilelim. Form elemanları:
<input type="text" name="ad" /> Tek satırlık metin alanı oluşturur.
<textarea name="metin" rows="5" cols="50"></textarea> Çok satırlı bir metin alanı oluşturur rows satır, cols karakter uzunluğunu belirtir.
<input type="password" name="sifre" /> Şifre alanı oluşturur. Girilen bilgiler görüntülenmez ve kopyalanamaz.
<input type="submit" name="gonder" value="Gönder" /> Tıklandığı zaman formu action ile tanımladığımız sayfaya gönderecek bir düğme oluşturur.
<input type="button" name="dugme" value="buton düğmesi" /> Düğme oluşturur.
<input type="reset" name="sil" value="sıfırla" /> Form elemanlarına girilen bilgileri siler, eğer value ile değer atanmışsa eski haline getirir.
<input type="checkbox" name="soru" value="evet" /> İşaretleyip işareti kaldırabileceğimiz bir onay kutusu oluşturur.
<input type="radio" name="soru" value="evet" /> Sadece onaylayabileceğimiz bir onay düğmesi oluşturur.
<select name="sanatci" size="1">
<option value="Uğur Işılak">Uğur Işılak</option>
<option value="Orhan Hakalmaz">Orhan Hakalmaz</option>
</select>
Select aşağıya doğru açılan yada bir kaydırma çubuğu olan seçme alanı oluşturur. Normal bir etiket gibi açıp kapadığımıza ve ek olarak option parametresi aldığına dikkat edin.
<input type="hidden" name="gizlialan" value="deger" /> Gizli bir input alanı oluşturmanızı sağlar. Bu eleman tarayıcıda görüntülenmez, bir sayfadan diğer sayfaya değer aktarmak için kullanılır.
<input type="file" name="dosya" /> Dosya yüklemek için bir alan oluşturur. Otomatik olarak yanında bir buton oluşur. Bu buton tarayıcınızın diline göre otomatik bir value alır. Türkçe de gözat, ingilizcede browse gibi. Tıkladığınız zaman bir pencere açılır ve bilgisayarızdan dosya seçmenize yarar.
Bir form alanına varsayılan bir değer atamak istediğimizde bunu value="değer" ile yaparız. Fakat bu textareada farklıdır. Textareade bu varsayılan değer şu şekilde atanır:
<textarea name="metin" rows="5" cols="50">Varsayılan değer buraya</textarea>
2
Arama
Üye Listesi
Takvim
Yardım
Biz Kimiz?
Sohbet
Mp3Player
