Javascript «водяные знаки» для текстовых полей [дубликаты]

На этот вопрос уже есть ответ:

Я хотел бы знать, как поместить текст в текстовое поле при загрузке страницы. Пример: если у меня есть страница входа, у меня будет 2 текстовых поля с именами «username» и «password». Когда страница загружается, я хочу, чтобы текстовое поле загружалось с «именем пользователя», написанным внутри, так что мне не нужно было ставить метку для этого снаружи. Но когда пользователь щелкает внутри текстового поля, оно должно исчезнуть. Как мне это сделать