<input> üzerindeki type özniteliği, kullanıcı arayüzünü, ekran üzerinde klavyeyi (mobil) ve yerleşik doğrulamayı değiştirir. Doğru türü kullanmak kullanılabilirliği iyileştirir ve ücretsiz doğrulama sağlar.
html
<input> üzerindeki type özniteliği, kullanıcı arayüzünü, ekran üzerinde klavyeyi (mobil) ve yerleşik doğrulamayı değiştirir. Doğru türü kullanmak kullanılabilirliği iyileştirir ve ücretsiz doğrulama sağlar.
Mobil klavyeler uyum sağlar — type="email" @ tuşunu gösterir, type="tel" sayı tuş takımını gösterir, type="number" rakamları gösterir. Bu tek başına telefonlarda büyük bir kullanılabilirlik avantajıdır.
Ücretsiz doğrulama — type="email" gönderme sırasında not-an-email reddeder, min/max sayıları sınırlar, type="url" geçerli bir URL için kontrol eder — JavaScript gerekli değildir.
<input type="radio" name="plan" value="free" /> Free
<input type="radio" name="plan" value="pro" /> Pro
<!-- same name = mutually exclusive; only one can be selected -->
Doğru giriş türünü seçmek, daha iyi mobil klavyeler, yerel seçiciler ve ücretsiz yerleşik doğrulama sağlar — erişilebilirliği iyileştirir ve aksi takdirde yazmanız gereken JavaScript'i azaltır.
Bu, orantısız bir UX getirisi ile küçük bir seçimdir.