文本字段中的描述文本？答案

【问题标题】：description text in a text field?文本字段中的描述文本？
【发布时间】：2010-01-24 12:36:11
【问题描述】：

我想在文本字段中放置一些浅灰色的描述文本。然后当用户点击它时，文本消失，他可以输入任何他想要的内容。

有没有这个的 jquery 插件？我不知道在 google 中搜索什么。

【问题讨论】：

标签： javascript jquery html watermark

【解决方案1】：

http://digitalbush.com/projects/watermark-input-plugin/

【讨论】：

【解决方案2】：

是的——你想做的事情相对简单。查看以下链接：

JQuery Watermark

【讨论】：

【解决方案3】：

http://tlporfolio.site11.com/jdesc.html

这是我用过的最简单的东西。只需一行代码即可附加到 div，甚至可以根据 cookie 设置显示的次数。所以从技术上讲，即使您关闭浏览器并再次打开它也算一次打开。

【讨论】：

【解决方案4】：

$(document).ready(function() {
    $('#IDofTextField').css({'color': '#aaaaaa', 'font-style': 'italic'});
    $('#IDofTextField').attr('value', 'Your text in here');
    $('#IDofTextField').focus(function() {
        $('#IDofTextField').css({'color': '#000', 'font-style': 'normal'});
        $('#IDofTextField').attr('value', '');
    });
    $('#IDofTextField').blur(function() {
        if ($('#IDofTextField').val() == '') {
            $('#IDofTextField').css({'color': '#aaaaaa', 'font-style': 'italic'});
            $('#IDofTextField').attr('value', 'Your text in here');
        }
    });
});

【讨论】：

请，无论你做什么，不要这样做。 jQuery $ 函数非常繁重，重复它 9 次而只需要一次就几乎是犯罪。此外，更好的解决方案是在外部 CSS 文件中定义一个类，然后简单地在模糊和焦点上切换一个类，而不是这样做。