Effacer la chaîne de recherche par défaut sur le focus - Astuces 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. Définissez la valeur du champ sur "Rechercher…"
  2. Lorsque le champ est net, définissez la couleur sur noir.
  3. Si la valeur est par défaut, supprimez-la.
  4. Lorsque le champ devient flou, redéfinissez la couleur sur gris clair.
  5. Si la valeur est vide, remettre la valeur par défaut