Question

我想向用户显示一个数字小键盘，用于显示信用卡号码，带连字符的预订号码（ - ）等文字字段。

我尝试使用以下

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

但它似乎不起作用。我只在Safari上测试了iphone 5＆amp; 6。

使用type和inputmode作为＆＃34; tel＆＃34;，我能够获得带有特殊字符的数字小键盘，但不确定它是否是一个好的黑客。

我想知道是否有比这更好的选择。

Answer 1

要显示数字小键盘，您可以使用<input type="number">和pattern属性来满足您的要求。正则表达式还可以指定最大限额以匹配您的信用卡或预订号码。

请注意，Android Chrome浏览器没有关键事件（keyup，keydown，keypress）。所以用户可以输入它＆amp;您将能够稍后验证它 - 无论是模糊事件还是单击提交按钮。