jQuery占位符,显示占位符,直到键入文本

Question

注意占位符如何在Stackoverflow上工作,询问问题标题,并在Twitter的注册表单上:https://twitter.com/signup

占位符有两种状态:

1. 没有选中(显示占位符)
2. 选中,但0输入(显示占位符,颜色较浅)

有谁知道支持这个的jQuery插件？我见过jQuery占位符插件支持#1,但不支持#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插件站点或Project Home(可用的演示和文档)中获取它