是否有用于在文本字段中显示默认文本的JQuery插件？

Question

当我点击页面时，文本框显示“搜索...”，灰色字体。

然后，我点击文本框。然后，“搜索...”消失。我可以输入。

Answer 1

您正在寻找的是水印效果。你可以找到合适的jQuery插件here。

Answer 2

这通常被称为“默认文本”，是的，它有一个插件。

JQuery Default Text Plugin

我之前尝试过滚动我自己的默认文本插件，但是有很多边缘情况需要应对。例如，如果文本字段保留为“空白”，则插件必须知道其默认文本是什么，以便清除所述默认文本，否则表单将尝试提交该默认文本。基本上，我所说的是使用插件，因为它应该为你覆盖这些边缘情况。

Answer 3

我提供了我自己的解决方案：http://tholljos.lu/mike/files/watermark.zip

jQuery(selector).watermark('here be text...','cssClass');

'这里是文字'将是你的水印文字。 'cssClass'是一个css类，它被添加到输入字段以设置水印文本的样式。

AFAIAC这涵盖了我迄今遇到的几乎所有边缘情况。当然，如果需要，您可以使用其他插件，但我发现我的解决方案简单而有效。

Answer 4

$("textinput_id").focus(function(){
    $(this).text("");
    });

$("textinput_id").blur(function(){
    $(this).text("Search...");
    });