HTML Formlar

HTML Formlar

HTML formları kullanıcıdan veri almak için kullanılır. 

<form> etiketi bir form tanımlar ve burada kullanılacak diğer etiketlerle birlikte kullanıcıdan veri alınmasına yardımcı olur. Bu eğitimde bu elemanların bazılarını nasıl kullanacağınızı öğreneceğiz. İlerleyen 201 HTML5 & CSS derslerinde ise HTML5 ile gelen yeni form elemanlarını göreceğiz.

Input etiketi

Input etiketi en önemli form elemanıdır. Tip belirteçlerini kullanarak aşağıda ayrıntısıyla anlattığımız elemanları kullanabilirsiniz:

Metin Alanı (Text Field): Kısa metin girişlerini yüklemek için kullanılabilecek olan alanlardır. İsimler, arama anahtarları adresleri girmek için kullanılır.

Seçme Listeleri (Select List): Seçme listesi, kullanıcının içinden bir ya da daha fazla elemanı seçebileceği veri listeleridir. Uzun fakat sonlu bir seçenekler listesi sunmak amacıyla kullanılabilir. Örneğin bir ülkeler listesinden ülke seçmek ya da bir yazıcılar listesinden yazıcı seçmek gibi eylemler bu elemanın kullanılmasını gerektirir.

Denetim Kutusu (Checkbox): Denetim kutusu, web sayfasını ziyaret eden İnternet kullanıcılarının bir veriler listesinden,

• bir tek veri
• birden çok veri seçmek ya da
• hiçbir veri seçmemek olanağı sağlayan kontrol nesnesidir.

Genellikle birden çok veriyi seçmek için kullanılır.

Radyo düğmesi (Radio button): Kullanıcılara tek bir seçim yapma olanağı veren kontrol nesnesidir.

Metin bölgesi (TextArea): Normalden uzun olan metinler için kullanılabilecek olan kontrol nesnesidir. Serbest biçimli cevaplar için kullanılabilir.

Submit ve Reset düğmeleri: Submit (Gönder) düğmesiyle form üzerine girilen bilgi işlenmesi için URL'i verilen sunucu sayfasına gönderilir. Reset (Sıfırla ya da Temizle) düğmesiyle form içindeki bilgi silinerek başlangıç konumuna getirilir.

Bir formun genel yapısı

Şimdi gelin, bir formun genel yapısını detaylı inceleyelim.

Bir form oluşturmak için ilk adım, HTML kodu içine <form> etiketini eklemek ve Submit (gönder) ve Reset (Sil) düğmelerini yerleştirmektir.

Submit ve Reset düğmeleri gerçekten de bir form üzerindeki temel elemanlardır. Web sayfasına gelen kullanıcıların çoğu bu sayfadaki bir formu doldurarak Submit düğmesiyle bu formdaki bilgileri, sunucudaki bir dosyaya göndermek isteyecek. Bazı durumlarda o ana kadar form üzerindeki alanlara yerleştirilmiş bilgilerin silinmesi istenebilir. Bu durumda da Reset düğmesine ihtiyacımız olacak.