2012-12-13 80 views
1

可能重複:
How can I make the HTML5 number field display trailing zeroes?HTML5輸入類型數量刪除iPhone上的小數

我想輸入一個貨幣價值,如「1.00」,但是當我進入這個值0被刪除,它變成「1」,但如果我輸入1.11,它仍然是1.11。我正在使用<input type="number">。我試過使用模式,但額外的0總是被刪除。這也只發生在類型=「數字」的iPhone上

有誰知道如何解決這個問題?也許一種使用type =「text」的方法,但讓手機打開數字視圖?

回答

2

這裏有一個可能的絕招:

使用position:absolutevisilibity:hidden,定位在一個text輸入的頂部您number輸入。然後,在號碼輸入上使用一個onchange事件處理程序,將parseFloat(this.value).toFixed(2)放入文本輸入中。

4

以下是我用於我的移動購物calculator

<input type="number" name="price" step="0.01" min="0.01" max="99" /> 
+0

這不適用於移動Safari。 – user1884047

+0

在我的iPhone上正常工作。 – bobthyasian

+0

您使用的是iOS 5還是iOS 6? – user1884047

相關問題