A type attribútum az <input> elemen megváltoztatja annak felhasználói felületét, a képernyőn megjelenő billentyűzetet (mobil) és a beépített érvényesítést. A helyes típus használata javítja az használhatóságot és ingyenes érvényesítést biztosít.
A mobil billentyűzetek alkalmazkodnak — a type="email" megjeleníti az @ gombot, a type="tel" megjeleníti a számöt, a type="number" megjeleníti a számjegyeket. Ez egyedül nagyobb hasznossági nyereség a telefonokon.
Ingyenes érvényesítés — a type="email" elutasítja a not-an-email értéket a beküldéskor, a min/max korlátozza a számokat, a type="url" ellenőrzi az érvényes URL-t — nem szükséges 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 -->
A helyes beviteli típus kiválasztása jobb mobil billentyűzeteket, natív választókat és ingyenes beépített érvényesítést biztosít — javítva az elérhetőséget és csökkentve az egyébként írni kéne JavaScript-et.
Ez egy apró választás, amely jelentős felhasználói felület előnyt nyújt.