这个效果的jquery插件？这个效果叫什么？

问题描述：

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

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

很抱歉，如果这是一个愚蠢的问题，但我真的空白了这一点。

占位符？ http://plugins.jquery.com/project/input-placeholder – Moak 2011-01-26 04:46:19

答

听起来好像你正在描述'placeholder'。这实际上内置于HTML 5中，并受到（撰写本文）WebKit（Chrome + Safari），FireFox 3.7及更高版本和IE 9 beta（我认为）的支持。

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

适用于HTML5解决方案。我总是忘记这一点。 – 2011-01-26 04:48:21

答

它被称为水印或占位符。有一个合适的jQuery插件我没有投诉here。它有各种各样的好东西（比如拖放支持！）。

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

答

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

功能：

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"));

享受！

这个效果的jquery插件？这个效果叫什么？

相关推荐