可能重复:
如何使 HTML5 数字字段显示尾随零?
我正在尝试输入像“1.00”这样的货币值,但是当我输入这个值时,0 被删除并变为“1”,但如果我输入 1.11,它仍然是 1.11。
我正在使用<input type="number">
. 我尝试过使用模式,但总是删除额外的 0。这也只发生在 type="number" 的 iPhone 上
有谁知道如何解决这个问题?也许是一种使用 type="text" 的方法,但是让手机打开数字视图?
可能重复:
如何使 HTML5 数字字段显示尾随零?
我正在尝试输入像“1.00”这样的货币值,但是当我输入这个值时,0 被删除并变为“1”,但如果我输入 1.11,它仍然是 1.11。
我正在使用<input type="number">
. 我尝试过使用模式,但总是删除额外的 0。这也只发生在 type="number" 的 iPhone 上
有谁知道如何解决这个问题?也许是一种使用 type="text" 的方法,但是让手机打开数字视图?
这是我用于移动购物计算器的内容。
<input type="number" name="price" step="0.01" min="0.01" max="99" />
这是一个可能的技巧:
使用position:absolute
and visilibity:hidden
,将您的number
输入置于输入之上text
。然后,在数字输入上使用onchange
事件处理程序,将parseFloat(this.value).toFixed(2)
其放入文本输入中。