HTML5输入类型数字删除iPhone上的小数点
可能重复:HTML5输入类型数字删除iPhone上的小数点,iphone,html,Iphone,Html,可能重复: 我试图输入一个货币值,比如“1.00”,但当我输入这个值时,0被删除,变成“1”,但如果我输入1.11,它仍然是1.11 我正在使用。我尝试过使用模式,但额外的0总是被删除。而且,这种情况仅在type=“number”的iPhone上发生 有人知道怎么避开这件事吗?也许可以使用type=“text”,但让手机打开数字视图?这里有一个可能的技巧: 使用position:absolute和visibility:hidden,将您的数字输入置于文本输入之上。然后,在数字输入上使用onch
我试图输入一个货币值,比如“1.00”,但当我输入这个值时,0被删除,变成“1”,但如果我输入1.11,它仍然是1.11 我正在使用
。我尝试过使用模式,但额外的0总是被删除。而且,这种情况仅在type=“number”的iPhone上发生
有人知道怎么避开这件事吗?也许可以使用type=“text”,但让手机打开数字视图?这里有一个可能的技巧:
使用
position:absolute
和visibility:hidden
,将您的数字
输入置于文本
输入之上。然后,在数字输入上使用onchange
事件处理程序,将parseFloat(this.value).toFixed(2)
放入文本输入。以下是一个可能的技巧:
使用
position:absolute
和visibility:hidden
,将您的数字
输入置于文本
输入之上。然后,在数字输入上使用onchange
事件处理程序,将parseFloat(this.value).toFixed(2)
放入文本输入。以下是我用于移动购物的内容
以下是我在手机购物时使用的工具
这在mobile Safari上不起作用。在我的iPhone上运行良好。我在iOS6上,我在你的计算器上测试过,它仍然会删除额外的0。这在Safari或iOS上不起作用。这在mobile Safari上不起作用。在我的iPhone上运行良好。我在iOS6上,我在你的计算器上测试过,它仍然会删除额外的0。这在Safari或iOS上不起作用。
<input type="number" name="price" step="0.01" min="0.01" max="99" />