Posicionamento placeholder

Gostaria de posicionar um placeholder a cima. Como vou demonstrar na imagem abaixo, mas não faço ideia de como fazer isso.

Quero deixar assim

Meu placeholder atual

Não seria mais legal você adicionar uma label acima de cada campo?
Qual é a sua dúvida:
Seu nome:

Exemplo: https://jsbin.com/facogivuyi/1/edit?html