Form inputs use appropriate types for mobile keyboards

An email field with type="text" gives mobile users the default alphabetic keyboard with no @ key and no autocomplete hint to the browser. Phone fields with type="text" force the user to hunt for numeric keys on a letter keyboard. Beyond typing friction, the wrong input type blocks browser-native validation, autofill, and password manager integrations. Correct input types are a two-character change that materially improves mobile form completion rates.

Set type to match the data: email, tel, number, url. When formatting constraints rule out type="number" (e.g., credit card with spaces), use type="text" inputmode="numeric" pattern="[0-9]*" to get the numeric keyboard without losing the formatting control.

<input type="email" />
<input type="tel" />
<input type="text" inputmode="numeric" pattern="[0-9]*" />