Make Input Type=”Password” Use Number Pad on Mobile Devices

by

Some browsers (iOS) recognize the specific pattern attribute value of [0-9]* as triggering numeric keypad.

The HTML 5.1 draft contains the inputmode attribute, which has been designed to address the specific issue of input mode (like key pad) selection, but it has not been implemented yet.

You could use it for the future, though – even though the current HTML 5.1 does not allow it for type=password, for some odd reason.

<input type="password" pattern="[0-9]*" inputmode="numeric">

More Related Contents:

  1. How can I set max-length in an HTML5 “input type=number” element?
  2. Why does the html input with type “number” allow the letter ‘e’ to be entered in the field?
  3. How to make HTML input tag only accept numerical values?
  4. Changing the symbols shown in a HTML password field
  5. Is there any way to prevent input type=”number” getting negative values?
  6. How can I make the HTML5 number field display trailing zeroes?
  7. Force decimal point instead of comma in HTML5 number input (client-side)
  8. HTML5 input box with type=”number” does not accept comma in Chrome browser
  9. My Website is Mirror-flipped on iPhone Devices
  10. Are there any style options for the HTML5 Date picker?
  11. Put icon inside input element in a form
  12. Implement an input with a mask
  13. How to customize ?
  14. Style input type file? [duplicate]
  15. How to change the button text of ?
  16. Override browser form-filling and input highlighting with HTML/CSS
  17. How to set date format in HTML date input tag?
  18. Make an image responsive – the simplest way [duplicate]
  19. How to access a mobile’s camera from a web app?
  20. Is well formed without a ?
  21. Wrapping text inside input type=”text” element HTML/CSS
  22. is there a max size to the length of a hidden input in html?
  23. What does “for” attribute do in an HTML tag?
  24. How to write fraction value using html?
  25. Auto height on parent container with Absolute/Fixed Children
  26. How to change the text color of first select option
  27. HTML input field OUTSIDE of a form
  28. What’s the point of having hidden input in HTML? What are common uses for this?
  29. Why isn’t textarea an input[type=”textarea”]?
  30. How to get the text from the HTML5 input field error message in Selenium?

Leave a Comment