2010-01-24 100 views
1

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

有没有一个jQuery插件?我不知道在谷歌搜索什么。

回答

2

是 - 你想要的是相对简单的事情。看看下面的链接:

JQuery Watermark

-1
$(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'); 
     } 
    }); 
}); 
+0

请不管你做什么,*不要*做到这一点。 jQuery的''''函数非常重要,并且只有一次会重复它9次几乎是犯罪行为。另外,更好的解决方案是在外部CSS文件中定义一个类,并简单地在模糊和焦点上切换一个类,而不是这样做。 – 2011-11-08 16:16:17

0

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

这是我用过的最简单的事情。只需一行代码即可追加到div,甚至可以设置基于cookie显示多少次。因此,即使在关闭浏览器并再次打开时,在技术上也算一次。