Vymazat výchozí vyhledávací řetězec při zaměření - Triky CSS

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. Nastavit hodnotu pole na „Hledat…“
  2. Když pole zaostří, nastavte barvu na černou.
  3. Pokud je hodnota výchozí, odeberte ji.
  4. Když pole zaostří, nastavte barvu zpět na světle šedou.
  5. Pokud je hodnota prázdná, vraťte výchozí hodnotu