HTML 5 Dersleri – Bölüm 7 – Input type özellikleri
HTML5 birkaç yeni input type özelliğine sahip formlar için. Bunlar daha iyi giriş kontrolü ve doğrulaması sağlamakta.
Yeni input type özellikleri;
- url
- number
- range
- tarih toplayıcıları(date, month, week, time, datetime, datetime-local)
- search
- color
Tarayıcı desteği
| Input type | IE | Firefox | Opera | Chrome | Safari |
|---|---|---|---|---|---|
| Hayır | 4.0 | 9.0 | 10.0 | Hayır | |
| url | Hayır | 4.0 | 9.0 | 10.0 | Hayır |
| number | Hayır | Hayır | 9.0 | 7.0 | Hayır |
| range | Hayır | Hayır | 9.0 | 4.0 | 4.0 |
| Date pickers | Hayır | Hayır | 9.0 | 10.0 | Hayır |
| search | Hayır | 4.0 | 11.0 | 10.0 | Hayır |
| color | Hayır | Hayır | 11.0 | 12 | Hayır |
Not; Opera yeni giriş elemanları için en iyi desteği sunmakta. Bununla birlikte, tüm bilinen tarayıcılarda kullanmaya başlayabilirsiniz. Eğer desteklemiyorlarsa, normal text alanları olarak davranacaklardır.
Input Type – email
Kesinlikle e-posta adresinin girileceği bir giriş alanı sağlar.
Eposta alanının değeri otomatik olarak doğrulanır form onaylandığında.
Örnek ve deneme adresi; Anasayfa: <input type="url" name="user_email" />İpucu; iPhone üzerindeki Safari email giriş elemanı özelliğini tnaımakta ve eşleşecek şekilde klavye girişlerini değiştirmekte ekranda (adds@and.com ayarları)
Input type – URL
Kesinlikle url adresinin girileceği bir giriş alanı sağlar.
Üstteki ipucu burada da geçerli.