Html Formlar
Html Form Nesneleri 2
 

Html Form Nesneleri 1

Html de form etiketi içerisine eklenen her bir nesne içerisindeki değerleri alabilmek için eşsiz bir isme sahip olmalıdır. Bu nedenle herbir nesne tanımlanırken name parametresi ile ilgili nesneye bir isim verilir. Bu isim sayesinde nesnelere girilen değerlere erişilebilir.

Name parametresine yazılan isimlerde türçe karakter, özel karakter vb. kullanmayınız.

Burada yapılacak örneklerde girilen değerlere erişilmeyecektir ancak yinede name parametresi ile tanımlamalar yapılacaktır.

Html de form nesnelerinin büyük bir coğunluğu input etiketi kullanılarak oluşturulur. input etiketinde type parametresine girilen değer nesnenin tipini belirler.

Text

Bir form içerisinde tek satırdan oluşan yazı yazılabilmesi için kullanılır.

Kullanım Şekli

<input type="text" name="birisimyazilacak">


Bu nesne ile size ve maxlength parametreleri de kullanılabilir. Parametreler için tıklayınız.

 Örnek :

<html>
   <head>
     <title>Form Örneği</title>
   </head>
   <body>
     <form action="index.php" method="post">
       Adınız : <input type="text" name="ad">
       Soyadınız : <input type="text" name="soyad">
     </form>
   </body>
</html>

Tarayıcı Çıktısı :

 
Adınız : Soyadınız :

Not : Adınız input etikei ile soyadınız input etiket alt alta yazılmasına rağmen tarayıcıda yan yana görüntülendiğine dikkat ediniz. Eğer tasarımınıza uygun bir düzende form oluşturmak isterseniz p, br ve table gibi etiketler ile birlikte form oluşturabilirsiniz.

Eğer text ile eklenen metin kutusu içerisinde başlangıçta bir değer görüntülenmesini isterseniz value parametresi yardımıyla istenilen değeri ekleyebilirsiniz.

Örnek : value parametresi örnek

 Örnek :

<html>
   <head>
     <title>Form Örneği</title>
   </head>
   <body>
     <form action="index.php" method="post">
       Adınız : <input type="text" name="ad" value="şefik"> <br>
       Soyadınız : <input type="text" name="soyad" value="yalman">
     </form>
   </body>
</html>

Tarayıcı Çıktısı :

 

Adınız :
Soyadınız :

 

Password

Bir metin kutusuna şifre girilecek ise girilen şifrenin ekranda görüntülenmemesi için input etiketi type parametresine password değeri yazılmalıdır.

 Örnek :

<html>
   <head>
     <title>Form Örneği</title>
   </head>
   <body>
     <form action="index.php" method="post">
       Kullanıdı : <input type="text" name="eposta" value="şefik"> <br>
       Şifre : <input type="password" name="sifre" value="yalman">
     </form>
   </body>
</html>

Tarayıcı Çıktısı :

 
Kullanıdı Adı :
Şifre :

 

 

Radio

Kullanıcıya bir çoklu seçimden sadece bir tanesini seçmesine izin verileceği durumlarda kullanılır. Bir radyo grubundaki bütün seçeneklere name parameteresi ile verilen isim aynı olmalıdır.  Aksi durumda radyo düğmeleri bir birinden bağımsız çalışır.

 Örnek :

Hangi takımı tutuyorsunuz ?
<form action="index.php" method="post">
  <input type="radio" name="takim" value="gs">Galatasaray
  <input type="radio" name="takim" value="fb">Fenerbahçe
  <input type="radio" name="takim" value="bjk">Beşiktaş
  <input type="radio" name="takim" value="ts">Trabzon
  <input type="radio" name="takim" value="diger">Diğer
</form>

Tarayıcı Çıktısı :

 
Hangi takımı tutuyorsunuz ?
Galatasaray Fenerbahçe Beşiktaş Trabzon Diğer

 Burada radyo butonu ile sunulan seçenekler seçilerek sunucuya yollandığında 5 farklı değerden işaretli olana ait value kısmında bulunan değer yollanacaktır.

Not : herhangi bir radyo butonunu başlangıçta işaretli olması istenirse checked="on" parametresi ilgili radyo butonuna eklenmelidir.

 Örnek : Radyo butonlarındaki bir seçeneği başlangıçta işaretli olarak getirmek.

Üyelik sözleşmesini kabul ediyormusunuz ?
<form action="index.php" method="post">
  <input type="radio" name="takim" value="evet">Evet
  <input type="radio" name="takim" value="hayir" checked="on">Hayır 
</form>

Tarayıcı Çıktısı :

 
Üyelik sözleşmesini kabul ediyormusunuz ?
Evet Hayır

 

 

Checkbox

Formunuza bir onay kutusu eklemek için kullanılır. Birden fazla onay kutusu eklendiğinde radyo butonlarının aksine çoklu seçim yapılabilir. Burada onay kutuları birbirinden bağımsız olarak işaretlendiğinden name parametresi ile verilen isimlerde birbirinden farklı olmalıdır. Başlangıçta işaretli gelmesi istenilen değerlere checked="on" parametresi eklenmelidir.

Hangi dilleri biliyorsunuz ?
<form action="index.php" method="post">
  <input type="checkbox" name="dil1" value="ingilizce" checked="on">İngilizce
  <input type="checkbox" name="dil2" value="Almanca">Almanca
  <input type="checkbox" name="dil3" value="Fransizca">Fransızca
</form>

Tarayıcı Çıktısı :

 
Hangi dilleri biliyorsunuz ?
İngilizce Almanca Fransızca

 

Reset

Tıklandığında form içeriğini temizleyen bir buton eklemek için kullanılır.  bunun için input etiketi type parametresine reset değeri girilmelidir. Butonda görüntülenecek metin value="" parametresi içerisine yazılır.
 

Submit

Forma girilen değerleri action kısmında girilen adrese göndermek için kullanılır. Bu gönderme işlemi sonrası gidilen sayfada yazılacak programlama kodları (php,asp vb.)  ile forma girilen değerlere ulaşılabilir.  Butonda görüntülenecek metin value="" parametresi içerisine yazılır.

Örnek :

Üye Girişi
<form action="" method="post">
Eposta Adresiniz: <input type="text" name="eposta"> <br>
Şifreniz : <input type="password" name="sifre"> <br>
<input type="submit" value="Giriş Yap"><input type="reset" value="Temizle">
</form>

Tarayıcı Çıktısı :

 
Üye Girişi
Eposta Adresiniz:
Şifreniz :

 

 

Ekleyen:admin

vuhuv.com.tr