Javascript "marcas de agua" para cuadros de texto [duplicado]

Esta pregunta ya tiene una respuesta aquí:

¿Cómo hago que un cuadro de texto HTML muestre una pista cuando está vacío? 20 respuestas

Me gustaría saber cómo colocar texto en un cuadro de texto cuando se carga la página. Ejemplo: si tengo una página de inicio de sesión, tendría 2 cuadros de texto llamados "nombre de usuario" y "contraseña". Cuando se carga la página, quiero que el cuadro de texto se cargue con el "nombre de usuario" escrito en el interior, por lo que no tendré que poner una etiqueta para eso afuera. Pero cuando el usuario hace clic dentro del cuadro de texto, debería desaparecer. ¿Cómo hago esto

Respuestas a la pregunta(6)

Su respuesta a la pregunta