js与jquery实现搜索框提示文字显示与隐藏

在做网站搜索时，我们往往会想到一种很人性化的一点，就是显示提示文字，一般这种效果很多见的，通俗的讲就是鼠标不放上的时候，显示一个“请输入文字”，鼠标放上去的时候，这个文字消失，用js的理解的话，就是鼠标获得焦点的时候更换input的value值，好了，这种效果的代码写法有很多种，大家先看代码：

方法一：一行js代码搞定

方法二：一段简单的jquery搞定 先上html的form的代码

再是jquery的代码：

$(document).ready(function()    {         
//搜索框      
    $('#keyword').focus(function() {      
        if($(this).val() == '请输入关键词！') {      
            $(this).val("");      
        }      
    });      
    $('#keyword').blur(function(){      
        if($(this).val() == "") {      
            $(this).val('请输入关键词！');      
        }      
    });      
});  

转载自: