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

前端之家收集整理的这篇文章主要介绍了jQuery占位符,显示占位符,直到键入文本前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
注意占位符如何在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 SiteProject Home(演示和文档可用)获得它

猜你在找的jQuery相关文章