javascript - 如果 html5 文本框类型为 ="text"，如何打开 iOS 和 android 的数字键盘？

Question

我有以下关于 html5 移动文本框的问题。

1. 如果输入是 type="text"，是否有任何选项可以打开 ios 和 android 平台的数字键盘。

2. 我在这里面临的问题是，如果文本框是 type="number"，则无法在文本框中动态附加 $、% 符号(以在android 或 ios 浏览器)

   是否有任何选项可以在文本框中包含 $、% 符号，如果类型必须是 type="number"，则该值不会出现在 safari、chrome 和 android 浏览器中。

示例:

http://jsfiddle.net/bharathid/bFk9c/

在 firefox 中打开上面的 URL 它工作正常，但在 chrome 中打开时值消失了。

注意:

在我的例子中，不喜欢在单独的范围内使用 $、% 符号。

引用:

iOS5 show numeric keypad by default without using type="number" or type="tel"

Answer 1

试试这个...

<input type="number" />
<input type="tel" />

当输入获得焦点时，这两者都会显示数字键盘。

其他一切似乎都会调出标准键盘。

可以看到this对于 iOS

如果不使用它们，我们就不能使用任何数字键盘... iOS 和 ANDROID 的本质。