HTML: Form Temelleri

Dinamik etkileşim araçlarından oluşan HTML formlarından elde edilen değerlerin işlenmesi, Web tabanlı programlamaların en işlevsel kullanım alanlarından birisini oluşturmaktadır.

Bu kesimde HTML formları hakkında temel seviyede bilgi verilmesi amaçlanmıştır. Bu bilgiler, ilerleyen bölümlerde ele alacağımız veritabanı uygulamaları konusuna da temel oluşturacaktır.

İnternet üzerinde çalışan veritabanı uygulamalarında formlar, kullanıcının doğrudan etkileşim kurduğu en üst katmanda yer alırlar. Dolayısıyla kullanıcı-dostu olarak tasarlanmaları gerekir.

HTML formları, üzerlerinde bulunan metin alanları, radyo düğmeleri, işaretleme kutuları ya da liste kutuları gibi çeşitli etkileşim nesneleri yoluyla kullanıcıdan bilgi alınmasını sağlayan araçlardır.
Bu formlar, <form><!--Form Elementleri--></form> etiketleri arasında oluşturulur.

Bu durumda metin tabanlı bir verinin girilmesini sağlayan form, aşağıdaki gibi olacaktır:

Burada <input type="text" name="ad">  bildirimi, alanın bir girdi (input) alanı, türünün ise metin kutusu (text) olduğunu söylemektedir. “name” özelliği ise, nesnenin programatik adını göstermektedir.

Tasarladığımız bu formu, bilgileri gönderme işlemini sağlayacak bir komut düğmesi ile tamamlayalım:

Burada <input type="submit">  bildirimi, yine alanın bir girdi (input) alanı, ancak türünün gönderme butonu (submit) olduğunu söylemektedir.

Bu koda HTML çıktısı aşağıdaki gibi olacaktır:

Sıkça kullanılan bazı nesnelerin yer aldığı örnek bir HTML formu aşağıda görebilirsiniz. görülmektedir.

Bu forma ait HTML kodları ise aşağıda verilmiştir.

İlk alan bir Textarea’dır. Bunun metin kutusundan farkı, çok satırlı olarak daha uzun metinleri alabilen bir nesne olmasıdır.

HTML formlarında işaretleme yapma amacı ile iki tip nesne kullanılır: Checkbox ve Radiobutton. Checkbox nesnesi çoklu seçimlerin yapılmasına olanak tanır. Tek seçim yapılmasını istediğimiz durumlarda ise Radiobutton nesnesini kullanırız.

Farklı Radiobutton nesnelerinin aynı grup içerisinde değerlendirildiği bu durumu, her nesneye aynı id (kimlik) adının verilmesi sağlamaktadır.

En son nesnemiz ise üç seçenek içeren Combobox türünde bir Select nesnesidir.