android - tactil - no me aparece el teclado en mi celular

Cómo forzar el teclado con números en un sitio web móvil en Android

Question

Tengo un sitio web móvil y tiene algunos elementos de input HTML, como este:

<input type="text" name="txtAccessoryCost" size="6" />

He incluido el sitio en una WebView para un posible consumo de Android 2.1, por lo que también será una aplicación de Android.

¿Es posible obtener el teclado con números en lugar del predeterminado con letras cuando se enfoca este elemento de input HTML?

O, ¿es posible configurarlo para toda la aplicación (tal vez algo en el archivo Manifiesto ), si no es factible para un elemento HTML?

Answer 1

Agregar un atributo de paso a la entrada numérica

<input type="number" step="0.01">

Fuente: http://blog.pamelafox.org/2012/05/triggering-numeric-keyboards-with-html5.html

Answer 2

Algunos navegadores igoners que envían cero inicial al servidor cuando el tipo de entrada es "número". Así que uso una mezcla de jquery y html para cargar un teclado numérico y también me aseguro de que el valor se envíe como un texto, no como un número:

$(document).ready(function(){
$(".numberonly").focus(function(){$(this).attr("type","number")});
$(".numberonly").blur(function(){$(this).attr("type","text")});
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" class="numberonly">

Answer 3

Esto debería funcionar. Pero tengo los mismos problemas en un teléfono Android.

<input type="number" /> <input type="tel" />

Descubrí que si no incluía el jquerymobile-framework, el teclado se mostraba correctamente en los dos tipos de campos.

Pero no he encontrado una solución para resolver ese problema, si realmente necesita usar jquerymobile.

ACTUALIZACIÓN: descubrí, que si la etiqueta de forma se almacena fuera de la

<div data-role="page">

El teclado numérico no se muestra. Esto debe ser un insecto...

Answer 4

input type = number

Cuando desee proporcionar una entrada de número, puede usar el tipo de entrada HTML5 = valor de atributo "número".

<input type="number" name="n" />

Aquí está el teclado que aparece en el iPhone 4:

Captura de pantalla del iPhone del número de tipo de entrada HTML5 Android 2.2 usa este teclado para tipo = número:

Captura de pantalla de Android del número de tipo de entrada HTML5

Answer 5

NOTA IMPORTANTE

Estoy publicando esto como una respuesta, no como un comentario, ya que es información bastante importante y atraerá más atención en este formato.

Como señalaron otros compañeros, puede forzar a un dispositivo a mostrarle un teclado numérico con type="number" / type="tel" , pero debo enfatizar que debe ser extremadamente cauteloso con esto.

Si alguien espera un número que comienza con ceros, como 000222 , entonces es probable que tenga problemas, ya que algunos navegadores (por ejemplo, Chrome de escritorio) enviarán al servidor 222 , que no es lo que ella quiere.

Acerca de type="tel" No puedo decir nada similar, pero personalmente no lo uso, ya que su comportamiento en diferentes teléfonos puede variar. Me he limitado al pattern="[0-9]*" simple pattern="[0-9]*" que no funciona en Android

Answer 6

<input type="number" />
<input type="tel" />

Ambos presentan el teclado numérico cuando la entrada gana enfoque.

<input type="search" /> muestra un teclado normal con un botón de búsqueda adicional

Todo lo demás parece mostrar el teclado estándar.