这个效果的Jquery插件?什么叫做效果?

时间:2011-01-26 04:41:11

标签: javascript jquery jquery-plugins placeholder

我已经在原始jquery代码中多次实现了这个效果,但我希望将它作为插件。问题是我不知道它是什么来搜索插件。基本上,输入字段在字段内部具有浅灰色标签。当用户点击时,灰色标签消失。如果用户退出该字段而未键入任何内容,则返回灰色标签。否则,无论用户类型如何。它真的很简单,它有一个名字,并且有一个插件,所以我可以像

$('#blabla').effectname('Label'); 

很抱歉,如果这是一个愚蠢的问题,但我真的在这个问题上瞎了。

3 个答案:

答案 0 :(得分:6)

听起来你正在描述'placeholder'。这实际上内置于HTML 5中,并且(在撰写本文时)支持WebKit(Chrome + Safari),FireFox 3.7及以上版本以及IE 9 beta版(我认为)。

只是做了一些搜索我找到了这个jQuery插件 - jQuery Placeholder

答案 1 :(得分:2)

这是我很久以前写的一篇,我相信它会有所帮助。

功能:

function textReplacement(input) {
    var originalvalue = input.val();
    input.focus(function() {
        if ($.trim(input.val()) == originalvalue) {
            input.val('').css("color", "#000");
        }
    });
    input.blur(function() {
        if ($.trim(input.val()) == '') {
            input.val(originalvalue).css("color", "#999");
        }
    });
}

用法:

textReplacement($('input#thisID').css("color", "#999"));

享受!

答案 2 :(得分:1)

它被称为水印占位符。我使用了一个合适的jQuery插件,没有抱怨here。它有各种好东西(比如拖放支持!)。

我相信你也能找到很多其他人。 http://www.google.com/search?q=jQuery+watermark