Atribut type na <input> mění jeho uživatelské rozhraní, klávesnici na obrazovce (mobilní) a vestavěné ověřování. Použití správného typu zlepšuje použitelnost a poskytuje bezplatné ověřování.
html
Atribut type na <input> mění jeho uživatelské rozhraní, klávesnici na obrazovce (mobilní) a vestavěné ověřování. Použití správného typu zlepšuje použitelnost a poskytuje bezplatné ověřování.
Mobilní klávesnice se přizpůsobují — type="email" zobrazuje klávesu @, type="tel" zobrazuje číselnou klávesnici, type="number" zobrazuje číslice. Jen to je na telefonech velký přínos pro použitelnost.
Bezplatné ověřování — type="email" odmítne not-an-email při odeslání, min/max omezují čísla, type="url" kontroluje platnou URL — není potřeba žádný 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 -->
Volba správného typu vstupu vám poskytuje lepší mobilní klávesnice, nativní ovládací prvky pro výběr a vestavěné ověřování zdarma — zlepšuje přístupnost a snižuje JavaScript, který byste jinak museli psát.
Je to malá volba s mimořádným přínosem pro UX.