1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
$("#s")
   .val("поиск")
   .css("color", "#ccc")
   .focus(function(){
      $(this).css("color", "black");
      if ($(this).val() == "поиск") {
         $(this).val("");
      }
   })
   .blur(function(){
      $(this).css("color", "#ccc");
      if ($(this).val() == "") {
         $(this).val("поиск");
      }
   });

  1. Устанавливает для поля ввода значение ‘поиск’
  2. При фокусе на поле меняет цвет текста на черный
  3. Если текст в поле равен значению по умолчанию, то очищаем поле
  4. При потере  фокуса меняем цвет текста на серый
  5. Если поле пустое, возвращаем значение по умолчанию

источник: css-tricks.com

Оставьте свой комментарий