Используйте 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>