某些Android设备/ Chrome上的HTML5数字输入中没有小数位

Question

在某些Android设备上,创建HTML5数字输入字段不会显示任何小数位.

<input type="number" step="0.001" min="0" name="foo" />

这很麻烦,因为我正在尝试编写一个HTML5 + Javascript应用程序.它目前适用于IOS以及一些(大多数？)Android设备.只是某些Android版本/品牌在弹出的数字键盘上没有显示小数位.

例如,在Galaxy S3上,应用程序本身运行正常,但如果在Chrome中打开相同的代码,则不会得到小数点.我正在使用这个组合来测试并尝试解决这个bug.

这是问题 - 是否有任何方法可以使用Javascript来检测键盘是否会显示小数点？在那些情况下,我可以以编程方式将number类型更改为text,但我只想对必要的设备执行此操作.

(或者,有没有办法强制小数点出现在键盘上？到目前为止我的研究表明没有,这就是为什么我要问的是解决方法.)

我尝试过使用各种步骤(any,0.1等),设置模式,将起始值设置为十进制(value="0.1")都无济于事.

我已经尝试检测到浏览器可以处理数字字段,但这会报告为"真实"......设备可以处理数字字段,它们只是处理错误:

var i = document.createElement("input");
i.setAttribute("type", "number");
i.setAttribute("step", "0.001");
alert(i.type + ' and ' + i.step); // gives "number and 0.001", so the device has stored the values and claims to support them

我不确定下一步该尝试什么......来自社区的任何想法？

Answer 1

尝试将min标签设置为0.0而不是0

<input type="number" step="0.001" min="0.0" name="foo" />