Xóa chuỗi tìm kiếm mặc định trên tiêu điểm - Thủ thuật 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. Đặt giá trị của trường thành “Tìm kiếm…”
  2. Khi trường được lấy nét, hãy đặt màu thành màu đen.
  3. Nếu giá trị là mặc định, hãy xóa nó.
  4. Khi trường mất nét, hãy đặt màu trở lại màu xám nhạt.
  5. Nếu giá trị trống, hãy đặt lại giá trị mặc định