Question

我有一个表单，我一直在iPhone和Android设备上进行测试。 Android设备似乎运行得很好。如何操作是当用户点击输入框时，数字键盘显示，而不是文本键盘。这不会发生在iPhone上。另一部分是在iPhone上，应用程序将在应用程序加载时第一次单击文本框时关闭，或者如果您单击其上的愤怒，该应用程序将关闭。我正在使用Ionic框架。

<form name="prices">
    <div class="list" ng-controller="ReportPrice">
        <div class="item item-input-inset">
            <span class="input-label">Regular</span>
            <label class="item-input-wrapper">
                <input style="font-size: 30px; height: 50px" name="regButton" ng-init="inputIdReg='regButton';"
                       ng-attr-id="inputId" type="tel" ng-change="changeButton(inputIdReg)"
                       ng-model="price.regPrice" placeholder="-.--" pattern="[0-9]*"
                       inputmode="numeric">
            </label>
            <button ng-class="regButton" ng-click="reportPrice(1, price)">
                {{ regButtonText }}
            </button>
        </div>
        <div class="item item-input-inset">
            <span class="input-label">Mid Grade</span>
            <label class="item-input-wrapper">
                <input style="font-size: 30px; height: 50px" ng-init="inputIdMid='midButton';"
                       id="midPriceText" type="tel" ng-change="changeButton(inputIdMid)" 
                       ng-model="price.midPrice" placeholder="-.--" pattern="[0-9]*"
                       inputmode="numeric">
            </label>


            <button ng-class="midButton" ng-click="reportPrice(2, price)">
                {{ midButtonText }}
            </button>
        </div>
        <div class="item item-input-inset">
            <span class="input-label">Premium</span>
            <label class="item-input-wrapper">
                <input style="font-size: 30px; height: 50px" ng-init="inputIdPre='preButton';"
                       id="prePriceText" type="tel" ng-change="changeButton(inputIdPre)" 
                       ng-model="price.prePrice" placeholder="-.--" pattern="[0-9]*"
                       inputmode="numeric">
            </label>


            <button ng-class="preButton" ng-click="reportPrice(3, price)">
                {{ preButtonText }}
            </button>
        </div>
    </div>
</form>

Answer 1

我删除了显示数字键的inputmode="numeric"和pattern="[0-9*]"。我保留了type="tel"

另一方面，当点击输入框时，这似乎也清楚了问题，应用程序将关闭。我将继续监控这一点，看看会发生什么。

离子输入关闭应用程序并且不显示数字键盘

1 个答案: