Клавиатура мобильного номера не будет работать в Iphone

Question

Я занимаюсь разработкой веб-приложения, которое представляет собой интернет-магазин планов занятий в тренажерном зале, так как это веб-приложение, оно будет работать как на p c, так и на мобильных устройствах, но у меня небольшая проблема с цифрой c клавиатура в мобильном телефоне (когда вы вводите тип ввода как число), она работает в любом браузере в android, но когда я пытаюсь в Iphone, она открывает обычную клавиатуру.

код очень прост на самом деле. Это простая форма о способе оплаты.

<form>
    <div class="form-group">
        <label for="cardOwnerName">Owner's Name</label>
        <input type="text" id="cardOwnerName" />
    </div>
    <div class="form-group">
        <label for="cardNumber">Card's Number</label>
        <input type="number" id="cardNumber" />
    </div>
    <div class="form-group">
        <label for="cardExpire">Expire Date</label>
        <input type="date" id="cardExpire" />
    </div>
    <div class="form-group">
        <label for="cardCVV">CVV</label>
        <input type="number" id="cardCVV" />
    </div>
</form>

Итак, когда я выполняю этот код на android телефоне, когда я щелкаю в поле cardNumber, открывается клавиатура цифра c, но когда я выполняю тот же код в моем IOS, он не открывается.

Есть ли что-то, что я должен сделать, кроме ввода ввода в качестве номера для работы в Iphones?