FORMLAR - Web Kursu

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 <form>...</form> 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	<form> <input type="text" maxlength="10" size="12" value="İsminiz?" </form>
<input type="text"> Ziyaretçinin ismi, telefonu gibi kısa bilgilerini almak için kullanılır.
password	Tüm parametrleri text ile aynıdır.	<form> Lütfen şifre girin:<br> <input type="password" maxlength="10" size="12"> </form>	Lütfen şifre girin:
<input type="password"> Ş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	<form> <textarea cols="12" rows="4">Burası bir textarea!</textarea> </form>	Burası bir textarea!
<textarea >...</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.	<form> <input type="checkbox" checked>seçenek 1 <input type="checkbox">seçenek 2 </form>	seçenek1 seçenek2
<input type="checkbox> Ziyaretçiye, verilen seçeneklerden birini, birkaçını veya hepsini seçme imkanı verir.
radio	checked: sayfa açıldığında 'checked' ibaresi bulunan daire seçilmiş olur.	<form> <input type="radio" name=sec">seçenek1<br> <input type="radio" name= "sec"checked>seçenek2<br> <input type="radio" name="sec">seçenek2 </form>	seçenek1 seçenek2 seçenek2
<input type="radio"> 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	<form> <select size= "1"> <option selected>seçenek1 <option>seçenek2 <option>seçenek3 </select>
<select><option>...<option>...</select> 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	<form> <input type="submit" value="Gönder"> </form>
<input type="submit> Ziyaretçi doldurduğu formu bu düğmeye basarak gönderir
reset	value: Butonun üzerindeki metin	<form> <input type="reset" value="Sil"> </form>
<input type="reset" > Ziyaretçinin doldurduğu formda, ziyaretçinin yazdığı her şeyi siler.
button	value: Butonun üzerindeki metin	<form> <input type="button" value="Düğme"> </form>
<input type="button> Düğmelere JavaScript ile bazı işlevler kazandırılabilir.

Tabloda belirtmedik ama form elemanlarında daha önceden bildiğimiz name parametresi de kullanılabilir.

Sonraki konu: Formlar 2