当输入类型="文本"时强制数字小键盘

时间:2018-02-19 04:15:07

标签: android html ios input

我的HTML5网页上有一个文本字段,如下所示 -

<input type="text" pattern="[0-9]*" inputmode="numeric">

请注意,我无法更改标记中的type属性。 当用户触摸移动设备上的文本字段时,我希望数字小键盘应该显示而不是字母数字小键盘。

我使用pattern属性为iOS实现了此目的。有没有办法实现这个Android?

提前致谢!

1 个答案:

答案 0 :(得分:0)

据我所知,您正在构建一个HTML表单,并且您希望移动浏览器显示数字键盘而不是完整的键盘?正确的HTML语法(检查https://www.w3schools.com/html/html_form_input_types.asp)是:

  

输入类型编号定义数字输入   领域。您还可以对接受的号码设置限制。该   以下示例显示一个数字输入字段,您可以在其中输入   1到5之间的值:

<form>
  Quantity (between 1 and 5):
  <input type="number" name="quantity" min="1" max="5">
</form>

现在,如果它是Android表单,您可以输入:android:inputType="numberDecimal"

你说你不能/不想使用&#34;号码&#34;而不是&#34; text&#34;属性,但我真的认为你应该使用被调用的属性。也许你可以修改你的代码以适应带有&#34;数字&#34;的输入字段。属性或使用jQuery替换&#34; text&#34;用&#34;数字&#34;准备好文件。