html - 如何允许用户使用 <input> 在 iOS 数字键盘中输入 "."？

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

希望您一切安好，远离 COVID-19。

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

我一直在使用 input type = tel 它接受模式参数并在移动设备上提取数字键盘输入。移动设备上 type=”tel” 的键盘有一些特定于手机的字符，如 #，但在更好地支持输入模式之前，它是一个不错的解决方案，即使它在语义上感觉是错误的。它似乎不会以负面方式影响屏幕阅读器。谢谢。