Rensa standardsöksträng på fokus - 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. Ställ in fältets värde till "Sök ..."
  2. Ställ in färg på svart när fältet kommer i fokus.
  3. Om värdet är standard, ta bort det.
  4. När fältet är ur fokus ställer du tillbaka färgen till ljusgrå.
  5. Om värdet är tomt, sätt tillbaka standardvärdet