why can't we use multiple types on input fields?

I have tried and failed to find a pure CSS way of making a password-styled input field also pull up a numeric keypad on mobile on Firefox. (Deprecated support of text-security: disc on type=number inputs, for one failed example.)

It seems like this problem would be solved if we could say an input had types of both password and number or tel.

What is it about how how input works makes us unable to design browsers this way?

Did you find this post useful? Show some love!
DISCUSSION
Classic DEV Post from Sep 1

What I learned in the first three months of working as a web developer

Plus two months of internship and 3 years of cégep (general and vocational college in Québec)

READ POST
Follow @gablaroche to see more of their posts in your feed.
Rae Krantz
Member since Apr 3, 2018
Trending on dev.to
Three neat CSS features
#css #devtips
Updating Background with SpeechRecognition & Custom Properties
#css #javascript #speechrecognition
What and How to Test with Jest and Enzyme. Full Instruction on React Components Testing
#frontend #react #javascript #jest
The Ultimate CSS3 Property List
#webdev #css #webdesign
Sticky Footer in GatsbyJS using Flexbox
#gatsby #footer #flexbox #css
I know you always wanted CSS for your desktop applications!
#workflowwm #css #yogalayout #react