Wyczyść domyślny ciąg wyszukiwania przy fokusie - CSS-Tricks

Anonim 
$("#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. Ustaw wartość pola na „Szukaj…”
  2. Kiedy pole stanie się ostre, ustaw kolor na czarny.
  3. Jeśli wartość jest domyślna, usuń ją.
  4. Gdy pole zniknie, ustaw kolor z powrotem na jasnoszary.
  5. Jeśli wartość jest pusta, przywróć wartość domyślną