如何让用户输入“.” 在带有 <input> 的 iOS 数字键盘中？

Question

我读过这篇文章：

https://css-tricks.com/finger-friend-numeric-inputs-with-inputmode/

它说我可以使用以下代码让用户使用纯数字虚拟键盘输入数字，这比传统的虚拟键盘相当方便：

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

但是，这里无法输入点。例如，如果我想输入5.6or 6.0，我就会卡在那里。

我有什么办法可以做到这一点吗？

Answer 1

我希望您一切安好，远离新冠肺炎 (COVID-19)。

\n

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

\n

我\xe2\x80\x99一直使用输入 type = tel 它接受模式参数并在移动设备上调出数字键盘输入。\n移动设备上的键盘 type=\xe2\x80\x9dtel\xe2\x80\x9d 有一些电话- 特定字符，如#，但在对输入模式的支持更好之前，这不是一个糟糕的解决方案，即使它在语义上感觉错误。它似乎不会对屏幕阅读器产生负面影响。\n谢谢。

\n