HTML

como fazer placeholder que vira label

<div class="label-float">
  <input type="text" placeholder=" " />
  <label>Telefone</label>
</div>
<br/>
<div class="label-float">
  <input type="text" placeholder=" " required/>
  <label>Nome de Usuário</label>
</div>