使用 jQuery 淡化表单值

【问题标题】：Fading form values with jQuery使用 jQuery 淡化表单值
【发布时间】：2010-02-20 03:44:08
【问题描述】：

有什么方法可以淡出焦点上的字段的设置值，然后在没有输入的情况下淡入模糊？

我想在焦点上淡出“输入你的名字...”，但如果用户没有输入任何内容，则在模糊时淡出它。

谢谢！

【问题讨论】：

标签： jquery html forms animation

【解决方案1】：

试试 jQuery labelify 插件：http://www.kryogenix.org/code/browser/labelify/

我认为这正是您想要的。

【讨论】：

【解决方案2】：

我会为此查看labelOver plug-in。非常轻巧，并且像您所说的那样做一个字段掩码...我目前正在使用它作为搜索字段的提示文本。

快速浏览：Demo Here

【讨论】：

@nick：你能不能给我看一些代码，我试着去做，但没有用。

【解决方案3】：

有很多 Watermark plugins 用于 jQuery。我想他们中的一个应该完成这项工作

【讨论】：

【解决方案4】：

我一直在为此使用插件 - 效果很好。

///http://code.google.com/p/jquery-watermark/
/// Adds the watermark to the text entry areas
var watermarkText = '<type>';
$(function()
{
    $('.cptEntryArea').watermark(watermarkText);
});

【讨论】：