弹出一个仅包含电话键盘/数字的键盘的文本字段答案

【问题标题】：Textfield to pop out a keyboard which contains the phone keypad/numbers only弹出一个仅包含电话键盘/数字的键盘的文本字段
【发布时间】：2012-05-07 11:49:37
【问题描述】：

我创建了一个如下的文本字段；

{
  xtype:'textfield',
  name:'telephone',
  label:'Telephone'
}

而不是弹出带有字符和数字的默认键盘。我需要键盘仅显示电话键盘（仅数字）。由于文本字段是关于获取用户的电话号码，因此显示带有字符的键盘是没有意义的。

【问题讨论】：

这些解决方案似乎都不适用于 Ionic 3

标签： cordova sencha-touch extjs sencha-touch-2

【解决方案1】：

您可能想尝试改用numberfield。

【讨论】：

【解决方案2】：

使用文本字段的属性组件：

{
  xtype:'textfield',
  component: {
    xtype: 'input',
    type: 'tel'
  },
  name:'telephone',
  label:'Telephone'
}

您还有其他标准输入类型：电子邮件、搜索、日期...参见http://www.w3schools.com/html/html5_form_input_types.asp

【讨论】：

【解决方案3】：

这在 HTML5 中对我有用。

&lt;input type="tel" height=30px width=200px&gt;&lt;/input&gt;

【讨论】：

【解决方案4】：

<input type="number"/>

这适用于我在 Android 中

【讨论】：

【解决方案5】：

扩展Ext.ActionSheet并将按钮0-9添加为其中的项目，并在文本字段的焦点和文本字段的按钮点击事件concat值上调用show()方法。

我用这个方法可能对你有帮助。

【讨论】：