HTML5 Yeni Giriş Tipleri (New Input Types)

•  input type="color" 
•  input type="date" 
•  input type="datetime-local" 
•  input type="email" 
•  input type="file" 
•  input type="month" 
•  input type="number" 
•  input type="range" 
•  input type="search" 
•  input type="tel" 
•  input type="time" 
•  input type="url" 
•  input type="week" 

 HTML5 formlar için bir kaç yeni input tipine mevcuttur. Bu yeni özellikler daha iyi kontrol ve doğrulama olanağı sağlar. Kullanıcı açısından daha çok kolaylık sağlar.color



Giriş Tipi: color Giriş alanının bir renk içermesi için color kullanılır.
Örnek Renk kodunu gösterme: Bir renk seçin:

Giriş Tipi: date Bir tarih seçmenize yardımcı olur.
Örnek Bir tarih seçme: Doğum günü:

Giriş Tipi: datetime Bir tarih ve saat seçmenizi sağlar (time zone ile).
Örnek Bir tarih ve saat seçme: Doğum günü (tarih ve saat):

Giriş Tipi: datetime-local Bir tarih ve saat seçmenizi sağlar (time zone olmadan).
Örnek Bir tarih ve saat seçme: Doğum günü (tarih ve saat):

Giriş Tipi: email
Örnek Bir e-posta adresi girme (Form gönderildiği sırada doğrulanacaktır):
E-mail:

Giriş Tipi: month Kullanıcının bir ay ve yıl seçmesine olanak verir.
Örnek Bir ay ve yıl seçme (time zone olmadan): Doğum günü (ay ve yıl):

Giriş Tipi: week Bir hafta ve yıl seçmenizi sağlar.
Örnek Bir hafta ve yıl seçme (time zone olmadan): Bir hafta seçin:

Giriş Tipi: number Input alanı numerik bir değer gerektirdiği zaman kullanılır. Ayrıca hangi sayıların kabul edilebileceğini belirtebilirsiniz:
Örnek Sayı değeri girme (Sınırlama ile): Miktar girin (1 ve 5 arasında):

Giriş Tipi: range Belirli bir aralıkta olan bir sayıyı seçmenizi sağlar Ayrıca hangi sayıların
kabule dilebileceğini belirtebilirsiniz:
Örnek Aşağıdaki örneği inceleyin:

Giriş Tipi: search Arama işleri için search tipi kullanılır. (bir search alanı tipik bir metin (text) alanı gibi davranır).
Örnek Aşağıdaki örneği inceleyin: Google'da ara:

Giriş Tipi: tel
Örnek Telefon numarası girmeye yarar: Telefon:

Giriş Tipi: url Bir giriş alanı bir URL bağlantısı içerecekse kullanılır. Bu özellik, form gönderildiği sırada doğrulanır.
Örnek Bir adres girme: Ana sayfanızı ekleyin:

Giriş Tipi: time Bir saat seçmenizi sağlar.
Örnek Bir saat seçmeye yarayan örnek (time zone olmadan): Bir saat seçin:

Giriş Tipi: file Dosya yüklemenizi sağlar
Örnek Select a file: