Затухающий ввод текста Javascript Ajax

Question

Я пытаюсь найти скрипт, который позволил бы мне делать то, что делает YP.com. Если вы посмотрите на ввод бизнес-поиска, там будет указано название компании или категория. Затем, если вы нажмете на него, текст немного затухает, а когда вы набираете слова, он затухает полностью. Как бы я это сделал? Любая помощь будет принята с благодарностью.

Answer 1

Вы можете взглянуть на этот пример jQuery:

http://www.benwatts.ca/2008/07/19/jquery-input-text-replacement/

Объявить 2 CSS-класса:

.black{
    color:black;
}
.grey{
    color:grey;
}

Класс CSS по умолчанию для вашего ввода может быть черным классом.

Как и в ссылке выше:

• Используйте событие focus для изменения CSS на серый класс

• Используйте событие размытия для изменения CSS на черный класс

• Добавьте событие onKeyDown, чтобы удалить исходное значение и изменить CSS на черный класс.

Answer 2

Вы можете использовать onfocus, чтобы сделать первое исчезновение. Затем onkeydown и полностью исчезают.