Placeholder no HTML5

Uma novidade do HTML5 é o atributo placeholder.

Ele pode ser colocado na tag input para indicar ao usuário como preencher o campo.

See the Pen placeholder by André | Origamid (@origamid) on CodePen.

Vale ressaltar que o atributo não deve substituir a tag . Ele deve auxiliar o preenchimento do input e não indicar a informação que deve ser colocada nele.

Essas dicas servem para prevenir possíveis erros de preenchimento por parte do usuário.

A prevenção de erros é tão importante na experiência do usuário que faz parte de uma das 10 Heurísticas de Nielsen.