在一些Android设备/Chrome上,HTML5数字输入中没有小数点
No decimal place in HTML5 number input on some Android devices / Chrome
在一些Android设备上,创建HTML5数字输入字段不会显示任何小数点。
<input type="number" step="0.001" min="0" name="foo" />
这很麻烦,因为我正在尝试编写HTML5+Javascript应用程序。它目前适用于IOS以及一些(大多数?)Android设备。只是一些安卓版本/品牌没有在弹出的数字键盘上显示小数点。
例如,在Galaxy S3上,应用程序本身运行良好,但如果在Chrome中打开相同的代码,则不会得到小数点。我正在使用这个组合来测试并尝试解决这个bug。
问题是,有没有办法使用Javascript来检测键盘不会显示小数点?在这种情况下,我可以通过编程将number
类型更改为text
,但我只想对必要的设备进行更改
(或者,有什么方法可以强制小数点出现在键盘上吗?到目前为止,我的研究表明没有,这就是为什么我要问变通方法。)
我尝试过使用各种步骤(any
、0.1
等)、设置模式、将起始值设置为十进制(value="0.1"
),但都无济于事。
我试着检测到浏览器可以处理数字字段,但这报告为"true"。。。设备可以处理数字字段,它们只是处理得很糟糕:
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
我不知道下一步该做什么。。。社区里有什么想法吗?
尝试将min
标记设置为0.0
而不是0
<input type="number" step="0.001" min="0.0" name="foo" />
相关文章:
- 是否可以在数字输入框中的小按钮中添加事件侦听器
- 用于数字输入的正则表达式
- AngularJs:在数字输入字段中设置验证的条件最小值和最大值
- 敲除:如何对两个数字输入进行双向绑定
- 在数字输入上按回车键时提交
- 如何显示正好 2 位数字的 html 数字输入的输入值
- 如何使用鼠标或触摸更改数字输入字段
- 为数字输入添加特殊字符
- 在一些Android设备/Chrome上,HTML5数字输入中没有小数点
- 仅HTML输入除^之外的数字输入
- 如何处理 jQuery 中的数字输入更改
- 使用 js 禁用文本输入中的数字输入
- 角度JS数字输入和默认值
- 如何根据数字输入的总和限制数字输入
- 如何更改数字输入的格式
- 从给定的最大数字中减去并输出数字输入值
- 如何使此数字输入接受逗号
- 如何将加号和减号附加到数字输入和更新值
- Android和HTML5数字输入自动提交行为
- HTML5数字输入-显示为百分比而不是十进制