Очищаем строку поиска при фокусе

$("#s").val("Search...") .css("color", "#ccc") .focus(function(){ $(this).css("color", "black"); if ($(this).val() == "Search...") { $(this).val(""); } }).blur(function(){ $(this).css("color", "#ccc"); if ($(this).val() == "") { $(this).val("Search..."); } });

1. Устанавливаем значение поля в "Search"
2. Когда элемент получает фокус, устанавливаем цвет в чёрный.
3. Если введённое значение, является значением по умолчанию, удаляем его.
4. При потере фокуса, меняем цвет на серый.
5. Если значение элемента пустое, пишет значение по умолчанию.

Ссылка на оригинал