How to Clear Default Search String on Focus using jquery?
by
Subbu
·
Published
· Updated
$("#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...");
}
});
- Set value of field to “Search…”
- When field comes into focus, set color to black.
- If value is default, remove it.
- When field goes out of focus, set color back to light gray.
- If value is empty, put back default value
Tags: How to Clear Default Search String on Focus using jquery
You may also like...