Form İşlemleri

Formlar, web siteleri ile kullanıcı arasındaki etkileşimi sağlamak amacıyla kullanılan yapılardır. Kullanıcıdan aldığı bilgiye göre tepki vermek üzere tasarlanan web sayfalarında, kullanıcıların bilgilerini almak form yapısıyla mümkündür. Kullanıcıdan bilgiyi alırken doğru biçimde almak oldukça önemlidir. Bu yüzden form yapısı kullanılırken hangi bilgi türü için hangi form elemanının kullanılacağına iyi karar vermek gerekir.

HTML sayfaları durağan sayfalar olduğu için içerisinde form yapısı tasarlanabilir ancak bu formun göndereceği bilgileri işleyemez. Ancak bir HMTL sayfasındaki form içeriği herhangi bir dinamik sayfaya ihtiyaç duymadan doğrudan bir elektronik posta adresine gönderilebilir.

HTML etiketlerinden biri olan <form> öğesi, kullanıcıdan alınacak olan her türlü bilgi girişi için bir HTML form yapısını oluşturmak için kullanılır. Bir form yapısı <form> öğesi ile başlar </form> öğesi ile biter.

Web sitesini ziyaret eden kullanıcıların farklı özelliklerdeki bilgilerini almak ve işlemek için formlar içerisinde kullanılabilecek form elemanlarına ihtiyaç vardır. Bu elemanlar ziyaretçi tarafından yazı yazmaya olanak veren tek satırlı ya da çok satırlı metin alanları, ziyaretçinin tek seçenekli ya da çok seçenekli tercihlerini sunabileceği radyo ve onay kutuları, liste ve menülerdir. Bunlara ek olarak kullanıcıdan habersiz bazı bilgileri taşıyabileceğiniz gizli alanlarda mevcuttur. Son olarak kullanıcının komut vermesini sağlayan düğmelerle form tamamlanmış olur. Bu düğmeler form içeriğini göndermek (submit) veya temizlemek (reset) şeklinde görev yapmaktadır.

Bir form yapısını oluşturmak için <form> nesnesine çeşitli özellikler eklemek gerekmektedir. Bu özellikler:

Eylem (action) özelliği, kullanıcının bilgilerini girdikten sonra formu gönderdiğinde gerçekleşecek olan eylemi tanımlar.

Hedef (target) özelliği, formu gönderdikten sonra alınan yanıtın nerede görüntüleneceğini belirtir.

Yöntem (method) özelliği, form verilerinin URL değişkenleri (method="get") veya HTTP sonrası işlem (method="post") olarak gönderilmesini sağlar.

Otomatik tamamlama (autocomplete) özelliği, bir formda kullanıcı tarafından girilen değerlerin otomatik tamamlanmasının açık mı yoksa kapalı mı olması gerektiğini belirtir.

Doğrulamayı kontrol etme (novalidate) özelliği, form verilerinin (girdi) gönderildiğinde doğrulanmaması gerektiğini belirtir.

En çok kullanılan form elemanlarından biri <input> elemandır. Bu öğe, tip (type) özniteliğine bağlı olarak çeşitli şekillerde görüntülenebilir. Sonuç itibariyle her birisi kullanıcıdan veri almak için kullanılsa da, kullanıcıdan alınan veri türleri çeşitli şekillerde olduğundan, bu elemana da çeşitli özellikler kazandırılmıştır. Bu türler düğme (button), onay kutusu (checkbox), renk paleti (color), tarih (date), saat dilimi olmayan tarih (datetime-local), eposta (email), dosya yükleme (file), gizli (hidden), resim düğmesi (image), ay (month), sayı (number), parola (password), radyo düğmesi (radio), aralık (range), temizleme düğmesi (reset), arama (search), gönderme düğmesi (submit), telefon (tel), tek satırlı metin (text), saat (time), web adresi (url), yılın haftası (week) şeklinde sıralanmaktadır.