【问题标题】:Show only number keyboard on Ionic/Cordova app在 Ionic/Cordova 应用程序上仅显示数字键盘
【发布时间】:2015-12-03 03:10:57
【问题描述】:

我的 Ionic/Cordova 应用程序有两个问题,都是我无法选择显示的数字键盘。

1) 需要显示数字键盘的密码输入。它显示了一个字母数字键盘。如果我更改为数字,我无法隐藏条目(带 *)。

2) 我必须插入货币掩码的数字输入(从左到右)。我发现的所有选项都在文本输入中运行。

有人帮帮我吗?请!

【问题讨论】:

  • 如果我添加 type="number" 数字键盘显示正确,但数据不会隐藏(如 ****)。如果我添加 type="password" 数据隐藏,但键盘不只显示数字。
  • 这是不可能的,密码类型显示一个普通的键盘,你不能改变它
  • 你是如何解决第二个问题的?
  • 这些解决方案都不适用于 Ionic 3

标签: android cordova keyboard ionic-framework numeric-input


【解决方案1】:

我用 CSS 解决了:

<input type="number" style="-webkit-text-security:disc">

感谢大家的帮助!

【讨论】:

    【解决方案2】:

    我用电话解决了:

    <input type="tel">
    

    【讨论】:

    • 无法隐藏条目(带*)请仔细阅读问题后再回答
    【解决方案3】:

    我正在使用
    &lt;ion-input type="number" pattern="\d*"&gt;&lt;/ion-input&gt; 它正在工作

    android keypad

    【讨论】:

      【解决方案4】:

      2) 我必须插入货币掩码的数字输入(从左到右)。我发现的所有选项都在文本输入中运行。

      使用http://www.numbox.org可以解决第二个问题。

      【讨论】:

        【解决方案5】:

        旧的,但我刚遇到这个问题。

        我解决了它的输入:

          type="number"
          pattern="[0-9]*"
        

        希望对您有所帮助。

        【讨论】:

          【解决方案6】:

          使用模式属性: &lt;input type="tel" pattern="[0-9]*"&gt;

          【讨论】:

            【解决方案7】:

            尝试将此添加到您的输入中,onkeypress='return event.charCode >= 48 && event.charCode

            【讨论】:

            • 谢谢,但它不起作用...我只需要在输入密码时显示数字键盘
            • @WillianCustódio 好运吗?
            猜你喜欢
            • 2018-06-12
            • 1970-01-01
            • 1970-01-01
            • 2014-08-17
            • 2012-10-28
            • 2013-04-22
            • 1970-01-01
            • 1970-01-01
            • 2011-03-22
            相关资源
            最近更新 更多