Merhaba arkadaşlar bu yazımda sizlere HTML5 ile birlikte gelen ve işimizi kolaylaştıracak input tiplerinden bahsedeceğim.
HTML5 ile Gelen Input Tipleri
type: color = Renk seçici olarak kullanılır inputu renk seçmemizi yarayan renk paletine çevirir.
Destekleyen Tarayıcılar: Chrome, Mozilla, Opera
Desteklemeyen Tarayıcılar: Safari, Internet Explorer
Renk: <input type="color" name="renk_sec">
type: date = Input`u tarih seçmemize yarayan bir nesne haline getirir.
Destekleyen Tarayıcılar: Chrome, Safari, Opera
Desteklemeyen Tarayıcılar: Mozilla, Internet Explorer
Tarih Seçiniz: <input type="date" name="tarih_sec">
type: email = Input`u e-mail girebileceğimiz bir alan haline getirir.Bu sayede otomatik eposta kontrolü yapılır.
Destekleyen Tarayıcılar: Chrome, Mozilla, Internet Explorer, Opera
Desteklemeyen Tarayıcılar: Safari
E-Mail Adresiniz <input type="email" name="eposta">
type: month = Ay ve Yıl girebileceğimiz bir input oluşturur.
Destekleyen Tarayıcılar: Chrome, Safari, Opera
Desteklemeyen Tarayıcılar: Mozilla,Internet Explorer
Tarih: <input type="month" name="tarih_sec">
type: number= Sayı Girebileceğimiz bir input oluşturur.
Destekleyen Tarayıcılar: Chrome, Safari, Opera, Internet Explorer
Desteklemeyen Tarayıcılar: Mozilla
Sayı: <input type="number" name="sayi">
type: search= Input`un Arama kutusu olduğunu belirtir.
Destekleyen Tarayıcılar: Chrome, Safari
Desteklemeyen Tarayıcılar: Mozilla, Opera, Internet Explorer
Araki Bulasın: <input type="search" name="ara">
type: time= Saat ve Dakika olarak inputu zaman belirlenecek hale getirir.
Destekleyen Tarayıcılar: Chrome, Safari, Opera
Desteklemeyen Tarayıcılar: Mozilla, Internet Explorer
Zaman: <input type="time" name="zaman">
type: url= Input`a girilen değerin bir link olduğunu belirtir.
Destekleyen Tarayıcılar: Chrome, Safari, Opera
Desteklemeyen Tarayıcılar: Mozilla, Internet Explorer
URL: <input type="url" name="link">