Yeni HTML5 formları geliyor Nisan
13
  HTML5   0   164

 HTML formları bu güne kadar oldukça basitti ve sınırlı seçenekler vardı text alanları, checkbox, radio button, ve son olarak select drop down gibi fakat e-posta adresi, telefon numaraları yada karmaşık bir verinin girilmesi gereken zamanlarda bunların kontrolu JavaScript yardımı ile yapılıyordu artık HTML5 in gelişmesiyle birlikte yeni form türleri ortaya çıktı.

HTML5 şemsiyesinin altında toplanan bu formların bazıları;

  • search
  • tel
  • url
  • email
  • datetime, date, month, week, time, and datetime-local
  • number
  • range
  • color

Örneğin bir e-posta alanında artık JavaScript kullanmadan doğrulama yapabilirsiniz.


  1. <label for="email">Email adresi:</label>
  2. <input id="email" type="email" placeholder="info@ilhantekir.com"><br />
  3. <label for="tel">Tel :</label>
  4. <input id="tel" type="text" placeholder="12345678">



Yeni özellikler:

  •  list
  •  max and min
  •  pattern
  •  placeholder

Yukarıdaki örnektede gördüğünüz gibi placeholder kutucuğa girmeniz gereken bilgi hakkında size yardımcı oluyor..
Tek sorun şimdilik bunları sadece Google Chrome'un destekliyor olması.
Etiketler : HTML5 placeholder

ilk yorumu siz yapın :)
Yorum Yaz

  Resmi Değiştir

Form'u sil

COPYRİGHT © 2010 BY ilhan TEKİR Her Hakkı Saklıdır.