Затененные слова во входном тексте JSF2

Question

Как получить серые слова, которые появляются во входных текстах и ​​указывают, для чего этот входной текст? Я использую JSF 2, и он мне нужен для виджетов имени пользователя и пароля для входа в систему, чтобы слова «username» и «password» появлялись внутри inputText до того, как пользователь нажимает на них, чтобы ввести свою информацию.

Если то, что я спрашиваю, неясно, вы можете посмотреть, например, на этом сайте. Когда вы нажимаете кнопку «Задать вопрос» и получаете диалоговое окно с вопросом, вы можете увидеть в заголовке серые слова «какой у вас программный вопрос? Как это сделать?

Answer 1

Это называется WaterMark

Вам нужен плагин водяных знаков jquery, или используйте какую-нибудь библиотеку, например, Primefaces, которые получили его из коробки вот использование JQuery плагин JQuery-водяной знак

просто добавьте его в готовое окончание jquery:

$("#idOfTheInputPassword").watermark('Type Your Password');

и вот пример водяного знака простых лиц (которые используют плагин jquery за кулисами)

Watermark