文本字段中的描述文本？

Question

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

有一个jquery插件吗？我不知道在谷歌搜索什么。

Answer 1

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

Answer 2

是的 - 您想要的是相对简单的事情。请查看以下链接：

JQuery Watermark

Answer 3

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

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

Answer 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');
        }
    });
});