|
Form Oluşturma ve Enine Boyuna Renkler |
|
Bir dersimizde daha birlikteyiz.Arkadaşlar bu dersimizde form oluşturmak için bilmemiz gerekenleri ve sayfadaki arkaplan haricindeki öğeleri renklendirmeyi öğreneceğiz.
Formlar
-Text(Yazı) Kutuları
Formlar genelde çeşitli ziyaretçi bilgilerini yöneticilere iletmek amacıyla kullanılır.İletilecek bilgilerin yazı olduğu durumlarda metin kutuları kullanılır.Örnek Bir Kısa Metin Kutusu:
<form>
<input type="text" maxlength="10" size="12" value="Adınız?"
</form>
Bu formda maxlength maksimum uzunluğu,size kutunun büyüklüğünü,value ise varsayılan değeri belirtir.
-Password(Şifre) Kutuları
Şifre gerektiren durumlarda kullanılır.Tüm parametleri kısa metin kutusuyla aynıdır:
<form>
Lütfen şifre girin:<br>
<input type="password" maxlength="10" size="12">
</form>
-Textarea(Metin Alanı)
Metin alanları metin kutularına sığmayacak kadar büyük bilgiler girilecek durumlarda kullanılır.
<form>
<textarea cols="12" rows="4">Metin Alanı!</textarea>
</form>
Rows alanın yüksekliğini,cols alanın genişliğini temsil eder.
-Check Boxlar(Kontrol Kutuları)
Checkboxlar kullanıcıya seçeneklerden bir yaza bir kaçını seçmesini sağlar.
<form>
<input type="checkbox" checked>Seçenek 1
<input type="checkbox">Seçenek 2
</form>
Checked ibaresi sayfa ilk açıldığında eklendiği seçeneğin seçili olmasını sağlar.
Radio Butonları
Radyo butonları birkaç seçenekten sadece birinin seçimine imkan verildiği durumlarda kullanılır.
<form>
<input type="radio" name=sec">Seçenek 1<br>
<input type="radio" name= "sec"checked>Seçenek 2<br>
<input type="radio" name="sec">Seçenek 3
</form>
Select(Seçenek) Kutuları
Select etiketli form parametleri tek seçenek seçilmesine olanak tanıyan diğer bir form türüdür.
<form>
<select size= "1">
<option selected>Seçenek 1
<option>Seçenek 2
<option>Seçenek 3
</select>
Submit(Gönder) Butonu
Bu buton forma girilen bilgilerin e-mail yada veritabanına ulaşmasını sağlar.
<form>
<input type="submit" value="Gönder">
</form>
Form Etiketinin Parametreleri
Method: 'Get' veya 'post' değerlerini alabilir. Method parametresinin değeri formu göndereceğiniz CGI programı açısından önemlidir. Eğer CGI kodları yazmayı bilmiyorsanız, birçok servis sağlayıcı size form'larınızın sonuçlarını e-mail'inize gönderme imkanı verir. Eğer böyle bir hizmetten yararlanacaksanız 'post' metodunu seçmelisiniz.
<form method= "post>
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.
<form method="post" action= "/cgi-bin/cgiemail">
Örnek Bir Form Uygulaması
<form name="anket">
<p><h3>Bu siteye not verin!</h3></p>
<p><b>Kullanıcı ismi</b> <input value="Buraya yazın!"></p>
<p><b>Parola</b> <input type="password" maxlength="10"></p>
<p>Bildiğiniz Uygulamalar</p>
<p><select size="4" multiple>
<option>HTML
<option>JavaScript
<option>Css
<option>Asp
</select></p><br><br>
<p><b>Sitenin içeriği</b></p>
<p><input type="radio" name="not" value="5">5, Çok zengin!<br>
<input type="radio" name="not" value="4">4, Fazlasıyla yeterli<br>
<input type="radio" name="not" value="3" checked>3, Yeterli<br>
<input type="radio" name="not" value="2">2, Yetersiz<br>
<input type="radio" name="not" value="1">1, Çok kısıtlı <br></p>
<p><b>Sitenin tasarımı</b></p>
<p><select>
<option selected>Süper!
<option>Oldukça iyi
<option>İyi
<option>İdare eder
<option>Berbat</option>
</select></p>
<p><input type="submit" value="gönder"><input type="reset" value="sil"
</form>
Body Etiketinin Renk Parametreleri
BGCOLOR="" parametresini öğrenmiştik.Arka plan rengiydi.
TEXT="" parametresi yazı rengini belirler.
LINK="" parametresi linkin tıklanmadan önceki rengin belirler.
VLINK=”” parametresi aktif link rengini belirler.
ALINK=”” parametresi ise linkin tıklandıktan sonraki rengini belirler.
İşte tüm parametrelerin kullanıldığı bir örnek:
<BODY BGCOLOR="#00000" TEXT="#FFFF00" LINK="#FF0000" VLINK="#800000" ALINK="#008000">
Evet arkadaşlar yavaş yavaş mutlu sona yaklaşıyoruz.Belki haberiniz yok ama eğer başından beri dersleri takip ediyorsanız Html’yi öğrenmek üzeresiniz diyebiliriz.İyi Çalışmalar! Kaynak gösterilmeden alıntı yapılması kesinlikle yasaktır. Hazırlayan: Teknoinfo
|
Programlama 
