强制数字键盘在ipad上为contenteditable元素

Question

我在保持app的几个部分中使用了contenteditable.由于我们正在记录时间,当然,我希望键盘能够自动切换到ipad用户的数字键盘.我已经尝试将所有属性添加到我能想到的元素中,例如:

• 类型=号
• 类型=电话
• 图案= [0-9]*

但是ipad仍然会加载默认键盘.

这是一个例子:

<div class="editable validate numbers-only" contenteditable="true" type="number" pattern="[0-9]*">3</div>

我可以使用任何技巧来显示我的ipad用户的数字键盘吗？

Answer 1

我在这篇文章中读到，您可以使用 \d* 模式使数字键盘出现在 iOS 上，因此带有数字键盘的基本形式如下所示：

<form>
    <input type="text" pattern="\d*">
    <button type="submit">Submit</button>
</form>     

输入表单信息时，这应该会导致 iOS 上自动出现数字键盘。

现在，我很确定我们可以推断出这一点，并说我们可以在 contenteditable div 上使用 \d* 来回答这个问题：

<div class="editable validate numbers-only" contenteditable="true" type="text" pattern="\d*">3</div>

我希望这对你有用吗？