Form Nedir?

Web sayfalarında kullanılan formlar, web sayfalarını daha kullanıcı interaktif hale getirirken, web sayfalarının yalnızca yazı ve resimlerden ibaret olmadığını gösteren, aynı zamanda sayfaya bilgi akışını da sağlayacak öğelerdir. Formlar sayfayı ziyaret eden kişinin siteye formlar aracılığıyla metin yollamasını, bir liste varsa bu listeden bir seçenek seçmesini sağlayan HTML komutlarından oluşmaktadır.

Form Türleri

Metin, Radyo düğmesi, işaret kutusu, şifre, gönder tuşu, sıfırla tuşu, düğme, dosya transfer düğmesi, gizli form HTML dilinde kullanılan formlardır. Kullanım alanları birbirinden tamamen farklı olan bu form öğelerinin, yaptıkları işlemler de farklılık içerir. "Metin" yazı yazılabilmesi için bir kutucuk açılmasını sağlar. Bu kutucuk text yani metin girilebilmesi için bulunur.

<input type='Text' name='isim' value='deger' align='TOP' size='10' maxlength='10'>

Burada kısa bir inceleme yaparsak;

type='Text' tanımlaması, söz konusu formun bir metin kutucuğu olduğunu gösterir.
Name='isim' bu kutucuğa verilen ismi simgeler. İsim birden fazla kullanılabilir. Bu şekilde aynı isim girilen bu formları guruplayabilmek mümkündür.
Value='Değer' bu kutucuktaki bilgilerin işlenmesi için gireceği değerin ismini belirler.
Align='TOP' kutucuğun pozisyonunu belirler, bu durumda kutucuk yukarıya dayanmıştır.
Size='10' kutucuğun belirtilen karakter uzunluğunda olmasını sağlar.
Maxlength='10' seçeneği de yazılan yazıların en fazla kaç karakter olacağını sağlar.

Radyo düğmesi: Bu düğme seçmeli sınavlarda kullanılan bir ya da birden çok öğenin seçilebilmesi için kullanılan, bilginin seçimini gösteren bir düğmedir.

<input type='Radio' name='isim' value='değer' align='TOP'>

Radyo düğmesi;
type='Radio' tuşundan da anlaşılacağı üzere düğmenin tanımını yapar.
name='isim' bölümü radyo düğmesinde farklı bir önem taşır. Bu bölüme verilen isim bu sayfada başka bir radyo düğmesinde kullanılırsa web sayfasından yapılan seçim iki düğmeden birinde olabilir. Farklı isimler verilirse tıklanılan düğmenin bilgileri seçilebilir.
value='değer' seçili olan düğmenin değerini bildirecek olan değerdir.
align='TOP' yukarıda kullanıldığı gibi form' un nerede kullanıldığını belirtir.

İşaret kutusu: İşaret kutusunun Radyo kutusundan belirgin bir farkı, radyo kutusunun bir defa seçildiğinde seçimin bir daha kaldırılamamasıdır. Ancak işaret kutusunda bu seçim tekrar üzerine tıklandığında kaldırılabilir.

<input type='Checkbox' name='isim' value='değer' align='TOP'>

Normalde radyo düğmesinden çok farklı olmayan, yalnızca radyo' da kullanılan radio yerine type='Checkbox' yazılmaktadır.

Şifre giriş formu: Şifrelerin yazılabilmesi için özel bir kutucuk bulunmaktadır. Bu kutucuk yazılan şifrenin o anda başkası tarafından okunmaması için yazılanları **** olarak göstermektedir.

<input type='Password' name='isim' align='TOP' size='10' maxlength='12'>

Type parametresi formların türünü belirlemektedir ve bu formda;
type='Password' olarak kullanılmaktadır. Bunun dışında şifrenin kaç karakter olduğu, en fazla girilebilecek karakter sayısı
maxlength='12' komutu ile belirtilir. Kutunun uzunluğu da
size='10' şeklinde tanımlanan girilecek karakter sayısından belirlenir.

Gönder tuşu(SUBMIT): Gönder tuşu (submit) bir bilginin gönderilmesi gerektiği zaman, bu tuşa basılarak gönderme işlemi gerçekleştirilir. Bu sayfada bulunan diğer formlarında web sunucusu tarafına ulaşması demektir.

 

<input type='Submit' name='isim' value='basınız' align='TOP'>

Bu parametrelerde type='submit' parametresinin farklı olmasında başka, value parametresi de düğme üzerine yazılacak olan yazıyı belirlemektedir.

Sıfırla tuşu: Web sayfasında formlara girilen bilgilerin sıfırlanması istendiğinde, yapılması gereken bir reset tuşu hazırlamaktır. Bu tuşa basılmasıyla girilen tüm bilgiler anında silinecek ve sayfa yeni yüklenmiş gibi olacaktır.

<input type='Reset'>
<input type='Reset' name='isim' value='Sıfırla' align='TOP'>

şekilde girişi yapılan bu düğmenin birincisi, oldukça basit bir tuş ve üzerinde genelde 'reset' (sıfırla) yazar. Tıklandığındaysa sayfadaki bilgiler sıfırlanır. İkinci parametrede istenilen şekilde yerleştirme durumu söz konusu ve düğmenin üzerisine istenilen bilgi yazılabilir. Düğmenin üzerine sıfırla gibi bir kelime yazabilmek mümkündür. Bu özelliği kullanabilmek için value='Sıfırla' parametresi değiştirilir.

 Buton: Buton'da formlarda submit ile aynı görevi görebilen ancak fark olarak Javascript ve Visual Basic Script ile çalışıyor olması gösterilebilir.

<input type='Button' name='isim' value='deger'>

Yine diğer formlarda da görüleceği üzere bu parametrede Button görülebilecek en belirgin farktır.

Dosya transfer düğmesi: Bu düğme kullanıcının kendi bilgisayarından karşı bilgisayara bir dosya yollaması için kullanılmaktadır. Bu şekilde bir dosya transferi sağlanmış olur.

<input type='File' name='isim' align='TOP' size='10' maxlength='10' accept='text/plain'>

type='File' dosya transferi formu olduğunu gösterir. En önemli bölümse accept='text/plain' olarak görülebilir. Bu bölümde karşı tarafa yollanabilecek transferin türü olarak tanımlanır. Örneğin bir mpeg dosyası gönderilecekse açıklama olarak audio/x - mpeg girilmesi gerekir.