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

Tengo un sitio web móvil y tiene algunos inputelementos HTML , como este:

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

He incrustado el sitio en un WebViewposible 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 este inputelemento HTML está enfocado?

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

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

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

<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.

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 un dispositivo para que le muestre 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 (Chrome de escritorio, por ejemplo) enviarán al servidor 222, que no es lo que ella quiere.

Sobre type="tel"no puedo decir nada parecido pero personalmente no lo uso, ya que su comportamiento en distintos teléfonos puede variar. Me he limitado a lo simple pattern="[0-9]*"que no funciona en Android

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 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 formulario se almacena fuera del

<div data-role="page"> 

No se muestra el teclado numérico. Esto debe ser un insecto...

inputmodede acuerdo con la especificación WHATWG es el método predeterminado.

Para los dispositivos iOS, la adición patterntambién podría ayudar.

typeTambién para compatibilidad con versiones anteriores , ya que Chrome los usa a partir de la versión 66.

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

Algunos navegadores ignoran el envío de un cero a la izquierda al servidor cuando el tipo de entrada es "número". Entonces uso una combinación de jquery y html para cargar un teclado numérico y también me aseguro de que el valor se envíe como texto, no como 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">

input type = number

Cuando desee proporcionar una entrada numérica, puede utilizar el valor de atributo de HTML5 input type = "number".

<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 type = number:

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

Agregue 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