ionic-framework/e2e/text-input/fixed-inline-labels/main.html

<ion-toolbar><ion-title>Fixed Inline Label Text Input</ion-title></ion-toolbar>


<ion-content>

  <ion-list>

    <ion-input fixed-label>
      <ion-label>To</ion-label>
      <input value="Text 1" type="text">
    </ion-input>

    <ion-input fixed-label>
      <ion-label>CC</ion-label>
      <input value="Text 2" type="text">
    </ion-input>

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

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

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

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

    <ion-input fixed-label>
      <icon call item-left></icon>
      <ion-label>Phone</ion-label>
      <input value="867-5309" type="tel">
    </ion-input>

    <ion-input fixed-label>
      <icon contact item-left></icon>
      <input placeholder="Placeholder Text" type="text">
    </ion-input>

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

    <ion-input fixed-label>
      <ion-label>First Name</ion-label>
      <input value="Buzz" type="text">
    </ion-input>

    <ion-input fixed-label>
      <ion-label>Last Name</ion-label>
      <input value="Lightyear" type="text">
    </ion-input>

    <ion-input fixed-label>
      <icon create item-left></icon>
      <ion-label>Message</ion-label>
      <textarea>To infinity and beyond</textarea>
    </ion-input>

  </ion-list>

</ion-content>