0
497
Vistas¿Cómo puedo permitir que los usuarios ingresen "." en un teclado numérico de iOS con <input>?
He leído esta publicación:
https://css-tricks.com/finger-friendly-numerical-inputs-with-inputmode/
Dice que puedo usar el siguiente código para permitir que los usuarios ingresen números con un teclado virtual de solo números, lo cual es bastante conveniente que el teclado virtual tradicional:
<label for="creditcard">credit card number:</label> <input pattern="[0-9]*" type="text" name="creditcard">
Sin embargo, no hay forma de ingresar un punto aquí. Por ejemplo, si quiero ingresar 5.6 o 6.0 , me quedo atascado allí.
¿Hay alguna manera de que pueda hacer esto?
2 Respuestas
Responde la pregunta0
Espero que estés bien y a salvo del COVID-19.
<input type="tel" inputmode='decimal'/>He estado usando input type = tel, acepta parámetros de patrón y muestra las entradas del teclado numérico en el móvil. El teclado en el móvil para type=”tel” tiene algunos caracteres específicos del teléfono como #, pero no es una mala solución hasta que el soporte para el modo de entrada sea mejor, incluso si se siente semánticamente incorrecto. No parece afectar a los lectores de pantalla de forma negativa. Gracias.
0
reemplazar
<input type="number" inputmode='numeric"/>
por
<input type="number" inputmode='decimal'/>