如何在Android的

Question

強制鍵盤與數字移動網站，我有一個移動網站，它有一些HTML input元素在裏面，像這樣：

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

我已經嵌入網站成爲一個WebView爲可能的Android 2.1消費，這樣它也將成爲Android應用程序。

是否有可能在這個HTML元素input重點是讓鍵盤與數字而不是默認的一個字母？

或者，是否可以將其設置爲整個應用程序（也許東西在the Manifest file），如果它是不可行的HTML元素？

Answer 1

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

這兩個都提供了當輸入獲得焦點時的數字小鍵盤。

<input type="search" /> 顯示了普通鍵盤有額外的搜索按鈕

一切似乎帶來了標準鍵盤。

Answer 2

這應該起作用。但是我在Android手機上遇到同樣的問題。

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

我發現，如果我不包括jquerymobile框架，鍵盤正確地顯示在兩種類型的字段。

，但我沒有帶發現了一個解決方案來解決這個問題，如果你真的需要使用jquerymobile。

UPDATE： 我發現，如果形式標籤存儲了

<div data-role="page"> 

數字鍵盤的未示出。這必須是一個錯誤......

Answer 3

重要提示

我張貼這是一個答案，而不是評論，因爲這是比較重要的信息，它會吸引更多的關注，這種格式。

至於其他研究員指出，可以強制設備向您展示一個數字鍵盤type="number"/type="tel"，但我必須強調的是，你必須與此極爲謹慎。

如果有人希望用零開始，如000222一個數字，那麼她很可能有麻煩，因爲一些瀏覽器（桌面版Chrome，例如）將發送到服務器222，這不是她想要的東西。

關於type="tel"我不能說類似的話，但我個人不使用它，因爲它在不同的電話行爲可能會有所不同。我曾經侷限於自己的簡單pattern="[0-9]*"當你想提供一個號碼輸入不中的Android

Answer 4

input type = number

工作，你可以使用HTML5輸入類型=「數字」的屬性值。

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

下面是iPhone 4上出現的鍵盤：

HTML5的iPhone屏幕截圖輸入類型號 的Android 2.2使用該鍵盤用於type =編號：

的Android截圖的HTML5輸入類型數

Answer 5

添加步驟屬性與數輸入

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

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

Answer 6

當輸入類型爲「數字」時，一些瀏覽器的igoners向服務器發送前導零。所以我用jQuery和HTML的混合加載數字小鍵盤，並且還確保該值作爲文本發送並不是數字：

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