注意占位符如何在Stackoverflow上工作,询问问题标题,并在Twitter的注册表单上:
https://twitter.com/signup
占位符有两种状态:
>未选中(显示占位符)
>已选中,但输入为0(显示占位符,颜色较浅)
有谁知道支持这个的jQuery插件?我见过jQuery占位符插件支持#1,但不支持#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(演示和文档可用)获得它