2

我已经在原始 jquery 代码中自己多次实现了这个效果，但我想把它作为一个插件。问题是我不知道搜索插件的名称。基本上，输入字段在字段本身内部的标签为浅灰色。当用户点击时，灰色标签消失。如果用户没有输入任何内容就退出了该字段，则灰色标签会返回。否则，无论用户键入什么，都将保留在那里。它真的很简单，它有名字吗，是否有插件，所以我可以像

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

抱歉，如果这是一个愚蠢的问题，但我真的对此一无所知。

4

3 回答 3

6

听起来您在描述一个“占位符”。这实际上是内置在 HTML 5 中的，并且（在撰写本文时）WebKit（Chrome + Safari）、FireFox 3.7 及更高版本以及 IE 9 beta（我认为）都支持。

只是做了一些搜索，我发现了这个 jQuery 插件 - jQuery Placeholder。

于 2011-01-26T04:45:04.787 回答
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"));

享受！

于 2011-01-26T05:24:04.010 回答
1

它被称为水印或占位符。我在这里使用了一个合适的 jQuery 插件，没有任何抱怨。它有各种各样的好东西（比如拖放支持！）。

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

于 2011-01-26T04:45:21.530 回答