Ввод текста: выравнивание названий полей для ввода

Используйте input-label для размещения названия поля слева от предполагаемого места ввода текста. При вводе текста пользователем, название поля не скрывается. Обратите внимание, что Вы также можете пользоваться атрибутом placeholder.

<div class="list">
  <label class="item item-input">
    <span class="input-label">Username</span>
    <input type="text">
  </label>
  <label class="item item-input">
    <span class="input-label">Password</span>
    <input type="password">
  </label>
</div>