iPhone Numeric Keypad with Decimal for web apps?

forms, html, ios, iphone

Solution

Checkout `inputmode="decimal"` attribute.

https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode

Not widely supported yet but it comes available in iOS 12.2.

https://caniuse.com/#feat=input-inputmode

Problem

I know with native iPhone apps you can use UIKeyboardTypeDecimalPad to force a numeric keypad with a decimal. Is there any way to force this same keypad for an input field on a mobile webpage or web application? If not yet, does anyone know if this detection will be added to Safari in iOS 6? I am able to display the regular numeric keypad without issues, but I'd really like to have the decimal key so I don't need to display the full keyboard. Thanks!

Original source