当前位置: 代码迷 >> Web前端 >> 文本框中加入文字提醒
  详细解决方案

文本框中加入文字提醒

热度:136   发布时间:2012-09-23 10:28:11.0
文本框中加入文字提示
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>
  相关解决方案