注意占位符在 Stackoverflow 提问标题和 Twitter 注册表单上的工作方式:https://twitter.com/signup
占位符有两种状态:
- 未选择(显示占位符)
- 已选择,但有 0 个输入(显示占位符,颜色较浅)
有人知道支持此功能的 jQuery 插件吗?我见过支持 #1 的 jQuery 占位符插件,但不支持 #2。
谢谢
最佳答案
这是一个快速简单的示例,可帮助您入门。
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 (提供演示和文档)
关于jQuery 占位符,在键入文本之前显示占位符,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6630540/