DEV Community

5 HTML Input types you are missing!

Anurag Gharat on January 09, 2022

Input tags in HTML are a way of getting an input from the user. The commonly used input types are text, password, email, number etc. But there's m...
Collapse
 
pcjmfranken profile image
Peter Franken • Edited

For bonus points, combine with the inputmode property that lets you control the type of keyboard that's rendered on mobile devices :)

Here's a demo: better-mobile-inputs.netlify.app/

Fat-Finger-proof numerical keyboard on your type="text" input fields, how cool is that!

Edit: Some more mobile input field UX goodies: smashingmagazine.com/2018/08/ux-ht...

Collapse
 
anuraggharat profile image
Anurag Gharat

Thanks for this!

Collapse
 
thumbone profile image
Bernd Wechner

This is great. I'd give you bonus points if you included a sample of each input in the article!

Collapse
 
alco profile image
Jakub Stibůrek

Thanks for the article. I didn't know about these.

Collapse
 
adam_cyclones profile image
Adam Crockett 🌀

Add a datalist to supercharge all of these

Collapse
 
anuraggharat profile image
Anurag Gharat

Yeah I wrote a separate thread on twitter on using datalist! Super useful when you wish to provide predefined choices to the user!

Collapse
 
medan_in_code profile image
MedanInCode

Nice Post