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
 
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
 
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
 
medan_in_code profile image
MedanInCode

Nice Post