ionic-framework/packages/angular/demo/src/app/inputs/inputs-test-page.component.html

<div class="title">
  Ionic Core Inputs Demo
</div>

<ion-grid>
  <ion-row>
    <ion-col>
      <input id="stdTextInput" name="stdTextInput" [(ngModel)]="stdTextInput" />
    </ion-col>
    <ion-col>
      Entered Data: <span id="stdTextInputOutput">{{stdTextInput}}</span>
    </ion-col>
  </ion-row>
  <ion-row>
    <ion-col>
      <ion-input id="ionTextInput" name="ionTextInput" [(ngModel)]="ionTextInput"></ion-input>
    </ion-col>
    <ion-col>
      Entered Data: <span id="ionTextInputOutput">{{ionTextInput}}</span>
    </ion-col>
  </ion-row>
  <ion-row>
    <ion-col>
      <input type="checkbox" id="stdCheckbox" name="stdCheckbox" [(ngModel)]="stdCheckbox" (blur)="onBlur($event)"/>
    </ion-col>
    <ion-col>
      Entered Data: <span id="stdCheckboxOutput">{{stdCheckbox}}</span>
    </ion-col>
  </ion-row>
  <ion-row>
    <ion-col>
      <ion-checkbox id="ionCheckbox" name="ionCheckbox" [(ngModel)]="ionCheckbox" (ionBlur)="onBlur($event)"></ion-checkbox>
    </ion-col>
    <ion-col>
      Entered Data: <span id="ionCheckboxOutput">{{ionCheckbox}}</span>
    </ion-col>
  </ion-row>
</ion-grid>

<a href='home'>Home</a>