Question

我为移动设备构建了一个webapp。

我的DOM有一个<div contenteditable="true">触发了一个键盘，显示在触摸到容器的iOS上。到目前为止一切顺利，但在特定情况下，我希望用户输入带小数的数字，所以我想在iOS上触发带小数支持的小键盘（稍后在所有移动浏览器上）。

任何人都可以告诉我如何使用CSS或将我的容器归因于获得所需的小键盘吗？

Answer 1

我认为您应该使用以下内容替换当前的输入标记

<input type="number" pattern="[0-9]*" />

这实际上告诉iOS（和Android）浏览器使用大型小键盘。

有关详细信息，请参阅here。