"Marcas d'água" Javascript para caixas de texto [duplicado]

Esta pergunta já tem uma resposta aqui:

Como faço para que uma caixa de texto HTML mostre uma dica quando vazia? 20 respostas

Gostaria de saber como inserir texto em uma caixa de texto quando a página for carregada. Exemplo: se eu tivesse uma página de login, teria 2 caixas de texto denominadas "nome de usuário" e "senha". Quando a página é carregada, desejo que a caixa de texto seja carregada com "nome de usuário" escrito por dentro, para que não precise colocar um rótulo para isso. Mas quando o usuário clica na caixa de texto, ele deve desaparecer. Como eu faço isso

questionAnswers(6)

yourAnswerToTheQuestion