Şub 27

Bu kısımda formlara ve veri giriş (input) elemanlarına eklenen yeni özellikleri inceleyeceğiz. Bu özellikler aşağıda listelenmiştir.

Form Özellikleri

  • autocomplete (Otomatik tamamlama)
  • novalidate (Geçerlilik kapalı)

Veri Giriş Özellikleri

  • autocomplete (Otomatik tamamlama)
  • autofocus (Otomatik odak)
  • form
  • formaction (Form eylemi)
  • formenctype (Form kodlama tipi)
  • formmethod (Form metodu)
  • formnovalidate (Form geçerlilik kapalı)
  • formtarget (Form hedefi)
  • height and width (Yükseklik ve genişlik)
  • list (Liste)
  • min and max
  • multiple (Birçok)
  • pattern (Model)
  • placeholder (Bilgi alanı)
  • required (Gerekli)
  • step (Basamak)

Form Özellikleri

autocomplete (Otomatik Tamamlama)

autocomplete (otomatik tamamlama) veri giriş (input) ve form için tanımlanır. Aldığı değerler “on” ve “off”‘dur. Otomatik tamamlama açıkken, yani “on” değerinde, kullanıcının önceden girdiği değerlere göre tarayıcı yazılanları otomatik tamamlamaya çalışır.

Şimdi ufak bir örnek yapalım.

İsim:
İsim:

Bu örneği denemek için isim kutusuna “HTML5″ yazıp düğmeye tıklayalım. Sonra yine formu açıp isim kutusuna “ht” yazınca otomatik tamamlama aktif hale gelip bize “HTML5″ kelimesini önerecektir.

novalidate (Geçerlilik Kapalı)

novalidate boolean bir değerdir. Form özelliği olarak tanımlandığında formun içindeki veri giriş elemanlarının değerlerinin veri tipleri ile uyumlu olduğunun kontrol edip edilemeyeceğini belirler. Yani bir email tipinde bir veri giriş elemanının olduğunu düşünelim. Eğer novalidate aktif ise elemanın değerinin email formatına uyumlu olup olmadığı kontrol edilmeyecektir.

Şimdi ufak bir örnek yapalım.

E-mail:
E-mail:

Yukarıdaki örnekte novalidate olduğu için email değerinin e-posta formatına uygun olup olmadığı kontrol edilmeyecektir. novalidate herhangi bir değer almadığından eğer kullanmak istemiyorsak bu özelliği yazmamamız yeterlidir.

Veri giriş özelliklerine bir sonraki yazıda değinilecektir.

Kaynak: A.O.Mermerkaya, Html 5 Css 3, Abaküs Kitap Yayın Dağıtım Hizmetleri, İstanbul, 2015.

Yorum Yaz