Como forçar teclado com números em site móvel no Android

Tenho um site para celular e contém alguns inputelementos HTML , como este:

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

Eu embuti o site em um WebViewpara possível consumo do Android 2.1, de modo que também será um aplicativo Android.

É possível obter o teclado com números em vez do padrão com letras quando este inputelemento HTML está focado?

Ou é possível configurá-lo para todo o aplicativo (talvez algo no arquivo Manifest ), se não for viável para um elemento HTML?

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

Ambos apresentam o teclado numérico quando a entrada ganha o foco.

<input type="search" /> mostra um teclado normal com um botão de pesquisa extra

Todo o resto parece trazer à tona o teclado padrão.

NOTA IMPORTANTE

Estou postando isso como uma resposta, não como um comentário, pois é uma informação bastante importante e vai atrair mais atenção neste formato.

Como outros colegas apontaram, você pode forçar um dispositivo a mostrar um teclado numérico com type="number"/ type="tel", mas devo enfatizar que você deve ser extremamente cauteloso com isso.

Se alguém espera um número que começa com zeros, como 000222, provavelmente terá problemas, pois alguns navegadores (desktop Chrome, por exemplo) enviarão para o servidor 222, o que não é o que ela deseja.

Sobre type="tel"Não posso dizer nada parecido, mas pessoalmente não uso, pois seu comportamento em telefones diferentes pode variar. Limitei-me ao simples pattern="[0-9]*"que não funciona no Android

Isso deve funcionar. Mas tenho os mesmos problemas em um telefone Android.

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

Eu descobri que se eu não incluísse o framework jquerymobile, o teclado era mostrado corretamente nos dois tipos de campos.

Mas eu não encontrei uma solução para resolver esse problema, se você realmente precisa usar o jquerymobile.

ATUALIZAÇÃO: descobri que se a tag do formulário for armazenada fora do

<div data-role="page"> 

O teclado numérico não é mostrado. Deve ser um bug ...

inputmodede acordo com a especificação WHATWG é o método padrão.

Para dispositivos iOS, adicionar patterntambém pode ajudar.

Para compatibilidade com versões anteriores, use typetambém, uma vez que o Chrome os usa a partir da versão 66.

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

Alguns navegadores ignoram o envio de zero à esquerda para o servidor quando o tipo de entrada é "número". Então, eu uso uma mistura de jquery e html para carregar um teclado numérico e também me certifico de que o valor seja enviado como um texto, não como um 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

Quando quiser fornecer uma entrada numérica, você pode usar o valor de atributo HTML5 input type = "number".

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

Aqui está o teclado que vem no iPhone 4:

Captura de tela do iPhone do número do tipo de entrada HTML5 Android 2.2 usa este teclado para type = number:

Captura de tela do Android do número do tipo de entrada HTML5

Adicione um atributo de etapa à entrada de número

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

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