As labels são os nomes de cada input e indicam qual dado deve ser inserido. Elas devem estar sempre visíveis para que o usuário possa escanear o texto e preencher o formulário mais rapidamente, já que elas servem para orientar e evitam que o usuário precise ficar se lembrando do que precisa preencher.

Os placeholders são os textos que aparecem dentro de cada input que exemplificam o dado que o usuário deve inserir. Aproveite esse espaço para incluir exemplos de formato ou de acionáveis.

É importante saber que o placeholder desaparece quando o usuário coloca o cursor do mouse no input ou preenche o dado exigido. Leve esse recurso em consideração e evite usá-lo como única referência para sua entrada, assim, o usuário não precisa se esforçar para lembrar qual dado deve preencher em cada input ou apagar o dado inserido caso queira confirmá-lo.

Tanto as labels quanto os placeholders devem ser curtos, diretos e claros para evitar que o usuário cometa erros.