Limpar string de pesquisa padrão no foco - 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. Defina o valor do campo para “Pesquisar…”
  2. Quando o campo entrar em foco, defina a cor como preto.
  3. Se o valor for padrão, remova-o.
  4. Quando o campo sai de foco, defina a cor novamente para cinza claro.
  5. Se o valor estiver vazio, coloque de volta o valor padrão