jQuery 占位符，在键入文本之前显示占位符

Question

注意占位符在 Stackoverflow 提问标题和 Twitter 注册表单上的工作方式:https://twitter.com/signup

占位符有两种状态:

1. 未选择(显示占位符)
2. 已选择，但有 0 个输入(显示占位符，颜色较浅)

有人知道支持此功能的 jQuery 插件吗？我见过支持 #1 的 jQuery 占位符插件，但不支持 #2。

谢谢

Answer 1

这是一个快速简单的示例，可帮助您入门。

HTML

<input type='text' id='in' value='Enter Something...'>

JavaScript

$('#in').bind({
    click : function() {
        $(this).css('color','#ccc');
    },
    focusout : function() {
        $(this).css('color','#000');
    },
    keydown : function() {
        $(this).val('');
        $(this).css('color','#000');
        $(this).unbind('keydown');
        $(this).unbind('click');
    },
});

祝你好运

编辑:我增加了功能并将其打包为插件，您可以在 Github 获取它，jQuery Plugin Site或来自Project Home (提供演示和文档)