HTML5输入类型编号删除iPhone上的小数位

Question

  

可能重复：
  How can I make the HTML5 number field display trailing zeroes?

我试图输入类似＆＃34; 1.00＆＃34;的金钱价值，但是当我输入此值时，0将被删除并且变为＆＃34; 1＆＃34;，但是如果我输入1.11，它仍然是1.11。

我正在使用<input type="number">。我尝试过使用模式但是额外的0都会被删除。此外，这只发生在类型为=＆＃34; number＆＃34;

的iPhone上

有谁知道怎么解决这个问题？或许可以使用type =＆＃34; text＆＃34;，但让手机打开数字视图？

Answer 1

以下是我用于移动购物calculator的内容。

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

Answer 2

这是一个可能的技巧：

使用position:absolute和visilibity:hidden，将number输入放在text输入的顶部。然后，在数字输入上使用onchange事件处理程序，将parseFloat(this.value).toFixed(2)放入文本输入中。