请输入关键字

需求：

代码：

<script type="text/javascript">
        $(function () {
            $("input").val("请输入关键字").addClass("txt"); //页面加载完成之后，给文本框添加样式：txt，并设置文本框的值
//获得焦点
            $("input").focus(function () {
                if ($("input").val() =="请输入关键字") {
                    $("input").attr("class", "txtEnter").val(""); //如果用户未输入关键字，样式表重置为class=txtEnter
                }
            })
            //失去焦点
            $("input").blur(function () {
                if ($("input").val() =="") {
                    $("input").attr("class", "txt").val("请输入关键字"); //如果文本框值为空，则重置样式表为txt
                }
            })
        })
    </script>
    <style type="text/css">
        .txt
        {
            color: Gray;
        }
        .txtEnter
        {
            color: Black;
        }
    </style>