WTP – 5. Hafta Formlar

Html ile Basit Web İşlemleri modülünde öğrenmiş olduğunuz bilgiler; kullanıcının aktif olmadığı, bilgileri sadece görsel olarak kullanıcıya sunan yapılardı. Formlar sayesinde kullanıcının da aktif olacağı dinamik web sayfaları hazırlayabilmeyi öğreneceksiniz. Kullanıcıdan veri alabilecek, alınan verilerle istenilen birçok işlemi gerçekleştirebileceksiniz. Sosyal paylaşım siteleri, e-ticaret siteleri gibi üye girişli siteler de form elemanları kullanılarak hazırlanmaktadır.

Bir Form oluşturmak için ilk olarak <form> etiketini kullanmamız gerekir. Form öğelerini bu etiketin içine yazmalıyız.

<form> </form> :

<form> etiketi html formları oluşturmak için kullanılır. Form oluşturmayı sağlayan tüm form elemanları …. etiketleri arasında yer alır.

<form action=”URL” method=”POST/GET” target=”Pencere”> … </form>

action : Formdan girilecek olan bilgilerin değerlendirileceği dosyanın URL adresini belirtmek için kullanılır.

method : Formdan girilecek olan bilgilerin, değerlendirici dosyaya hangi yöntem ile gönderileceğini belirtmek için kullanılır. Method post ve get değerlerini alabilir. Method bölümüne, GET değeri verildiği zaman kontrollere girilen içerik o anda bulunan adrese eklenip değerlendiriciye gönderilir. POST ise form içeriğini direkt olarak değerlendiriciye gönderir.


<input>

<input> etiketi form içerisinde bilgi almak için kullanılan etikettir. Hangi veri türünde girişin yapılacağını burada kullanılan type elemanı belirlemektedir. Type elemanının varsayılan değeri text(metin) olmakla birlikte belirtilecek olan(text, password, checkbox, radio,submit, reset gibi) farklı değerleri de alabilir. etiketinin sonlandırıcı etiketi bulunmaz yani bu etiket kapatılmaz.

  • TYPE : Girilecek olan elemanın türünü belirtmek için kullanılır.
    • Text
    • Password
    • Checkbox
    • Radio
    • Submit
    • Reset
  • SRC : Eğer bir resim dosyası kullanılmışsa görüntülenmesi istenilen resim dosyasının adresini belirtmek için kullanılır.
  • ALIGN: Type parametresi ile tanımlanmış olan elemanın sayfada konumlanacağı yeri belirlemek için kullanılır(left, right, center).
  • NAME : Girilecek olan verinin değişken ismini belirlemek için kullanılır.
  • MAXLENGTH : Girilecek olan verinin en fazla kaç karakterden oluşacağını belirlemek için kullanılır.
  • SIZE : Metin kutusunun boyutunu (genişliğini) belirlemek için kullanılır.Hiçbir rakam belirtilmediği takdirde varsayılan değeri 20’dir.
  • CHECKED : Bir seçim kutusu kullanıldığı durumlarda bu kutuların işaretlenmiş olarak görüntülenmesini sağlamak için kullanılır. Sadece “radio” ve “checkbox” elemanları için kullanılır.
  • DISABLED : Veri girişini engellemek için kullanılır.

Kullanımı :


Örnek Uygulama

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

This site uses Akismet to reduce spam. Learn how your comment data is processed.