Cara memaksa keyboard dengan angka di situs seluler di Android

Saya memiliki situs versi seluler dan memiliki beberapa inputelemen HTML di dalamnya, seperti ini:

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

Saya telah menyematkan situs ke dalam WebViewkemungkinan konsumsi Android 2.1, sehingga itu juga akan menjadi aplikasi Android.

Apakah mungkin untuk mendapatkan keyboard dengan angka dan bukan yang default dengan huruf ketika inputelemen HTML ini difokuskan?

Atau, apakah mungkin untuk menyetelnya untuk seluruh aplikasi (mungkin sesuatu di file Manifest ), jika tidak layak untuk elemen HTML?

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

Keduanya menampilkan keypad numerik saat input mendapatkan fokus.

<input type="search" /> menunjukkan keyboard normal dengan tombol pencarian tambahan

Segala sesuatu yang lain tampaknya memunculkan keyboard standar.

CATATAN PENTING

Saya memposting ini sebagai jawaban, bukan komentar, karena ini adalah info yang agak penting dan akan menarik lebih banyak perhatian dalam format ini.

Seperti yang ditunjukkan oleh orang lain, Anda dapat memaksa perangkat untuk menampilkan keyboard numerik dengan type="number"/ type="tel", tetapi saya harus menekankan bahwa Anda harus sangat berhati-hati dengan ini.

Jika seseorang mengharapkan angka yang diawali dengan angka nol, seperti 000222, kemungkinan besar dia akan mengalami masalah, karena beberapa browser (Chrome desktop, misalnya) akan mengirim ke server 222, yang bukan itu yang dia inginkan.

Tentang type="tel"Saya tidak dapat mengatakan hal serupa tetapi secara pribadi saya tidak menggunakannya, karena perilakunya pada telepon yang berbeda dapat bervariasi. Saya telah membatasi diri pada hal-hal sederhana pattern="[0-9]*"yang tidak berfungsi di Android

Ini seharusnya berhasil. Tetapi saya memiliki masalah yang sama pada ponsel Android.

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

Saya menemukan, bahwa jika saya tidak menyertakan kerangka kerja jquerymobile, keypad ditampilkan dengan benar pada dua jenis bidang.

Tetapi saya belum menemukan solusi untuk menyelesaikan masalah itu, jika Anda benar-benar perlu menggunakan jquerymobile.

UPDATE: Saya menemukan, bahwa jika form-tag disimpan dari

<div data-role="page"> 

Papan tombol angka tidak ditampilkan. Ini pasti bug ...

inputmodemenurut spesifikasi WHATWG adalah metode default.

Untuk perangkat iOS menambahkan patternjuga bisa membantu.

Untuk penggunaan kompatibilitas mundur typejuga sejak Chrome menggunakan ini pada versi 66.

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

Beberapa browser yang mengirimkan awalan nol ke server ketika tipe inputnya adalah "angka". Jadi saya menggunakan campuran jquery dan html untuk memuat keypad numerik dan juga memastikan bahwa nilainya dikirim sebagai teks bukan sebagai angka:

$(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

Jika Anda ingin memberikan masukan angka, Anda dapat menggunakan HTML5 input type = "number" atribut value.

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

Berikut adalah keyboard yang muncul di iPhone 4:

Tangkapan Layar iPhone dari nomor jenis masukan HTML5 Android 2.2 menggunakan keyboard ini untuk type = number:

Screenshot Android nomor jenis masukan HTML5

Tambahkan atribut step ke input angka

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

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