ionic-framework/e2e/text-input/input-focus/main.html

<ion-toolbar>
  <ion-title>Inset Focus</ion-title>
  <ion-buttons end>
    <button (click)="reload()">
      Reload
    </button>
  </ion-buttons>
</ion-toolbar>


<ion-content>

  <p>Paragraph text with a <a href="#">link</a>.</p>

  <ion-list>

    <ion-input>
      <ion-label>Text 1:</ion-label>
      <input type="text">
    </ion-input>

    <ion-item>
      Item with button right
      <button item-right>Button 1</button>
    </ion-item>

    <ion-input>
      <ion-label id="my-label1">Text 2:</ion-label>
      <input value="value" type="text">
    </ion-input>

    <button ion-item>
      Button Item
    </button>

    <ion-input>
      <ion-label>Text 3:</ion-label>
      <input type="text">
      <button clear item-right>
        <icon power></icon>
      </button>
    </ion-input>

    <ion-input>
      <ion-label>Comments:</ion-label>
      <textarea>Comment value</textarea>
    </ion-input>

    <ion-input>
      <icon globe item-left></icon>
      <ion-label>Website:</ion-label>
      <input value="http://ionic.io/" type="url">
    </ion-input>

    <ion-input>
      <icon mail item-left></icon>
      <ion-label>Email:</ion-label>
      <input value="email6@email.com" type="email">
    </ion-input>

    <ion-input>
      <icon create item-left></icon>
      <ion-label>Feedback:</ion-label>
      <textarea placeholder="Placeholder Text"></textarea>
    </ion-input>

    <ion-input>
      <ion-label>More Info:</ion-label>
      <input placeholder="Placeholder Text" type="text">
      <icon flag item-right></icon>
    </ion-input>

    <ion-input>
      <ion-label>Score:</ion-label>
      <input value="10" type="number">
      <button outline item-right>Update</button>
    </ion-input>

    <ion-input>
      <ion-label>First Name:</ion-label>
      <input value="Lightning" type="text">
    </ion-input>

    <ion-input>
      <ion-label>Last Name:</ion-label>
      <input value="McQueen" type="text">
    </ion-input>

    <ion-input>
      <ion-label>Message:</ion-label>
      <textarea>KA-CHOW!</textarea>
    </ion-input>

    <ion-item>
      Item
    </ion-item>

    <ion-item>
      Item
    </ion-item>


    <!--
    <ion-item>
      Item
    </ion-item>

    <ion-item>
      Item
    </ion-item>

    <ion-item>
      Item
    </ion-item>

    <ion-item>
      Item
    </ion-item>

    <ion-item>
      Item
    </ion-item>

    <ion-item>
      Item
    </ion-item>

    <ion-item>
      Item
    </ion-item>

    <ion-item>
      Item
    </ion-item>

    <ion-item>
      Item
    </ion-item>

    <ion-item>
      Item
    </ion-item>

    <ion-item>
      Item
    </ion-item>

    <ion-item>
      Item
    </ion-item>

    <ion-item>
      Item
    </ion-item>

    <ion-item>
      Item
    </ion-item>

    <ion-item>
      Item
    </ion-item>

    <ion-item>
      Item
    </ion-item>

    <ion-item>
      Item
    </ion-item>

    <ion-item>
      Item
    </ion-item>

    <ion-item>
      Item
    </ion-item>

    <ion-item>
      Item
    </ion-item>

    <ion-item>
      Item
    </ion-item>

    <ion-item>
      Item
    </ion-item> -->

  </ion-list>

</ion-content>