Počisti privzeti iskalni niz v središču - CSS-triki

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. Nastavite vrednost polja na »Išči ...«
  2. Ko se polje osredotoči, barvo nastavite na črno.
  3. Če je vrednost privzeta, jo odstranite.
  4. Ko polje ne izostri, nastavite barvo na svetlo sivo.
  5. Če je vrednost prazna, vrnite privzeto vrednost