如何允许用户输入“。在带有iOS的<input>数字键盘中？

Question

我读过这篇文章：

https://css-tricks.com/finger-friendly-numerical-inputs-with-inputmode/

它说，我可以使用以下代码允许用户使用仅使用数字的虚拟键盘输入数字，这比传统的虚拟键盘非常方便：

<label for="creditcard">credit card number:</label> <input pattern="[0-9]*" type="text" name="creditcard">

​

​

但是，没有办法在这里输入点。例如，如果我想输入5.6或6.0，就会被困在那里。

有什么办法我能做到吗？

Answer 1

我希望你做得很好，不受新冠肺炎的影响。

<input type="tel" inputmode='decimal'/>

我一直在使用输入类型= tel，它接受模式参数，并在手机上提取数字键盘输入。Type=“tel”手机上的键盘有一些特定于手机的字符，比如#，但这不是一个糟糕的解决方案，除非对输入模式的支持更好，即使它感觉语义错误。它似乎不会以负面的方式影响屏幕阅读器。谢谢。

Answer 2

替换

<input type="number" inputmode='numeric"/>

通过

<input type="number" inputmode='decimal'/>