Ștergeți șirul de căutare implicit pe focus - 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. Setați valoarea câmpului la „Căutați ...”
  2. Când câmpul se concentrează, setați culoarea la negru.
  3. Dacă valoarea este implicită, eliminați-o.
  4. Când câmpul nu este focalizat, setați culoarea înapoi la gri deschis.
  5. Dacă valoarea este goală, puneți înapoi valoarea implicită