Input type doesn't work on ios?

Ionic Framework ionic-v3
1

In short, my problem is:

I want to validate the user input, for that, I use HTML5:

  <ion-content nopadding>
  <ion-list>
    <div *ngIf="buttonClicked && (DropdownVar === 2)" class="">
    <button ion-button full (click)="onButtonClick()" > Cancelar</button>
        <ion-item>
            <ion-label color="primary" stacked>Nome</ion-label>
            <ion-input type="text"  ></ion-input>
          </ion-item>
          <ion-item>
            <ion-label color="primary" stacked> Nif </ion-label>
            <ion-input type="number" ></ion-input>
          </ion-item>
      </div>
  </ion-list>
  <button id="BenClick" ion-button full (click)="callAll(onSelect())">Inserir Bem</button>
</ion-content>

Result:

Input%20Validator
Input Validator.png388×703 39.9 KB
\

Can anyone tell me why or how can i validate the user input?
Is this issue normal?
Thanks in advance.

2

Try it on an actual device (iPhone) and see if it works.

3

Does emulating through Xcode or through iPhone make any difference?