HTML5 ile gelen inputlar nelerdir?

ergin (2539) 11 yıl önce sordu

HTML5 ile gelen yeni input tipleri nelerdir?

Toplam 1 cevap


ergin (2539) 11 yıl önce cevapladı

HTML5 ile beraber formlar için birçok yeni input tipleri gelmiştir. Bu yeni özellikler, iyi bir input kontrolü ve doğrulaması sağlamaktadır.

HTML5 ile gelen bu yeni input tiplerini gelişmiş tarayıcılar destekler. Ancak desteklemeyen tarayıcılar bu yeni inputları normal text alanları gibi görmektedir.

Yeni input tiplerini inceleyelim;

email : E-Mailler için

<input type="email" name="KullaniciEmailAdresi" />

search : arama inputları için

<input type="search" name="Arama" />

tel : telefon yazmak için

<input type="tel" name="KullaniciTelefon" />

url : url girebilmek için

<input type="url" name="Anasayfa" />

color : renkler için

<input type="color" name="FavoriRengin" />

date : doğumgünü, yıldönümü vs için

<input type="date" name="YilDonumu" />

datetime : date tipine ek olarak saati de kapsamaktadır.

<input type="datetime" name="YilDonumuSaati" />

datetime-local : datetime tipine ek olarak zaman dilimi tanımlar.

<input type="datetime-local" name="YilDonumuSaatZamanDilimi" />

time : Saat için kullanılır.

<input type="time" name="Saat" />

week : hafta bilgisini yazmak için kullanılır.

<input type="week" name="Hafta" />

month : Ay bilgisini yazmak için kullanılır.

<input type="month" name="Ay" />

number : sadece rakam yazmak için. min, max, step ve value öznitelikleri tanımlanabilir.

<input type="number" name="KacAdet" min="1" max="7" />

range : Fiyat aralığı vb yazmak için kullanılır. min, max, step ve value öznitelikleri tanımlanabilir.

<input type="range" name="Fiyat" min="3" max="10" />