HTML'in bir metin şekillendirme aracı olduğunu söylemiştik. Form'lar bu tanımın istisnasıdır, HTML kullanarak sayfanızı ziyaret edenlerle temas kurmanızı sağlarlar. Formlar yoluyla ziyaretçilerin herhangi bir konuda görüşlerini alabiliriz; veya hazırlayacağımız bir formla ziyaretçilerden kişisel bilgilerini isteyebiliriz. Formlar

...
etiketleri arasına yazılırlar. Bu etiketin parametrelerini öğrenmeden önce form türlerine bir göz atalım.



12/1. FORM TÜRLERİ


Aşağıda form türlerini ve kullanılışlarını görüyoruz.:

text
maxlength: Yazılabilecek maksimum text uzunluğu
value: varsayılan değer
size: Px cinsinden alanın uzunluğu


<>


Ziyaretçinin ismi, telefonu gibi kısa bilgilerini almak için kullanılır.

password
Tüm parametrleri text ile aynıdır.

Lütfen şifre girin:



Lütfen şifre girin:



Şifre almak için kullanılır, yazılan karakterler ekranda '*' şeklinde görüntülenir

textaraea
rows : Alanın karakter cinsinden yüksekliği
cols : Alanın genişliği



Burası bir textarea!


Text kutusuna sığmayacak uzun bilgileri, mesela ziyaretçinin sayfa ile ilgili düşüncelerini almak için kullanılır.

checkbox
checked: sayfa açıldığında 'checked' ibaresi bulunan kutu işaretli olur.

seçenek 1
seçenek 2

seçenek1
seçenek2

seçenek1

seçenek2

seçenek2

seçenek1
seçenek2
seçenek2


Ziyaretçiye, verilen seçeneklerden sadece birini seçme imkanı verir.

select
size: Select etiketinin karakter cinsinden boyutu
selected: Görevi checked ifadesinin aynıdır.
multiple: Ziyaretçinin birden çok seçim yapmasına olanak verir





Ziyaretçiye seçeneklerden birini veya (multiple ifadesi ile) birkaçını seçme imkanı verir.

submit
value: Butonun üzerine yazılacak metin buraya yazılır










Ziyaretçinin doldurduğu formda, ziyaretçinin yazdığı her şeyi siler.

button
value: Butonun üzerindeki metin






action
Formu göndereceğiniz CGI programının adresini action parametresiyle bildirirsiniz. Eğer yukarıda bahsedilen hizmetten yararlanmak istiyorsanız, servis sağlayıcınızdan bu programın adresini öğrenmelisiniz. Örneğin bu adres 'freeservers' için '/cgi-bin/cgiemail' 'dir.







--------------------------------------------------------------------------------


12/3. FORM UYGULAMASI

Aşağıdaki örnekte bütün form unsurlarının kullanımını göreceksiniz. Bu örneği önce parça parça kendiniz yapmaya çalışın, gerektiğinde aşağıda verilen kodlardan yararlanın...

Bu siteye not verin!
Kullanıcı ismi

Parola

Cinsiyet EK

Bildiğiniz Uygulamalar





Sitenin içeriği

5, Çok zengin!
4, Fazlasıyla yeterli
3, Yeterli
2, Yetersiz
1, Çok kısıtlı

Sitenin tasarımı



<>




--------------------------------------------------------------------------------


Bu siteye not verin!


Kullanıcı ismi


Parola


Cinsiyet EK

Bildiğiniz Uygulamalar






Sitenin içeriği


5, Çok zengin!

4, Fazlasıyla yeterli

3, Yeterli

2, Yetersiz

1, Çok kısıtlı



Sitenin tasarımı







HTML bölümünün burada sonuna geldik. Fakat tek başına HTML, çoğu zaman istediğimiz gibi sayfalar yapabilmek için yeterli olmaz. Artık internet'te yeralan sayfaların hemen hepsinde JavaScript kullanılmaktadır. Aşağıdaki link size daha dinamik sayfalar yapma olanağı sunan JavaScript bölümüne götürecektir.



Beğeniler: 0
Favoriler: 0
İzlenmeler: 1521
favori
like
share