将输入类型设置为数字时，HTML 会删除占位符内容答案

【问题标题】：HTML removes placeholder content when set to input type set to number将输入类型设置为数字时，HTML 会删除占位符内容
【发布时间】：2015-04-06 22:51:10
【问题描述】：

我看起来有一个输入框，上面写着“输入您的联系电话”。但是当用户点击框输入他们的电话号码时，我只想显示数字键盘。为此，我将输入框的类型设置为数字，但这样做时会删除占位符文本。这是一些代码：

<input type="number" placeholder="Enter your Contact Number"/>

知道如何在点击框时显示占位符内容并显示数字键盘吗？

注意：我在 Android 上使用 Phonegap 和 jQuery Mobile

【问题讨论】：

根据 HTML5 规范，您不应将 input type=number 用于非数字数据，例如联系电话。但如果你这样做了，普通浏览器仍然允许你指定 placeholder 属性。所以至少“HTML”不会删除占位符内容。

【解决方案1】：

试试下面的格式：

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

【讨论】：

【解决方案2】：

尝试将type=number 替换为type=tel。占位符将与数字键盘一起显示。

【讨论】：