文本框中加入文字提示

HTML

<input type="text" name="keywords" id="keywords" class="watertext" onclick="javascript:clearDefaultValue();" onblur="javascript:setDefaultValue()"/>

CSS

.watertext{ color:#999999;}

javascript

<script type="text/javascript">

    function clearDefaultValue() {
        var value = $("#keywords").val();
        if (value == "请输入关键词或商家名称") {
            $("#keywords").val("");
            $("#keywords").removeClass("watertext");
        }
    }
    function setDefaultValue() {
        var value = $("#keywords").val();
        if (value == "") {
            $("#keywords").val("请输入关键词或商家名称");
            $("#keywords").addClass("watertext");
        }
    }
</script>