Input types

Summary

HTML5 input types (`email`, `date`, `number`, `tel`, `url`, `range`, etc.) give browsers built-in validation and mobile-friendly keyboards for free. Choosing the correct type improves usability and validation while helping browsers provide better controls and keyboards, especially on mobile devices.

• 1Try every input type in a sandbox and see the different mobile keyboards they trigger. Inspect the result in DevTools or the console and explain what you observed.
• 2Learn `placeholder`, `min`, `max` and `pattern` attributes. Focus on understanding the underlying reason it works, not only memorizing the definition.
• 3Compare `type="text"` vs a more specific type for the same field.