Atrybut type na <input> zmienia interfejs użytkownika, klawiaturę na ekranie (mobilną) i wbudowaną walidację. Użycie właściwego typu poprawia użyteczność i zapewnia bezpłatną walidację.
html
Atrybut type na <input> zmienia interfejs użytkownika, klawiaturę na ekranie (mobilną) i wbudowaną walidację. Użycie właściwego typu poprawia użyteczność i zapewnia bezpłatną walidację.
Klawiatury mobilne się dostosowują — type="email" pokazuje klawisz @, type="tel" pokazuje klawiaturę numeryczną, type="number" pokazuje cyfry. To samo w sobie jest dużą wygraną dla użyteczności na telefonach.
Bezpłatna walidacja — type="email" odrzuca not-an-email przy wysłaniu, min/max ogranicza liczby, type="url" sprawdza poprawny URL — nie jest wymagany JavaScript.
<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 -->
Wybór właściwego typu wejścia daje ci lepsze klawiatury mobilne, natywne selektory i wbudowaną walidację za darmo — poprawiając dostępność i zmniejszając kod JavaScript, który w innym wypadku musiałbyś napisać.
To mały wybór z ogromnym zwrotem w UX.