文本框自动获取焦点并提示输入继而恢复

密码:

目的：在用户输入点击密码输入框的时候，背景颜色提示，输入完成后输入下一个文本框的时候该框又恢复到原来的样子。

css代码：

input:focus,textarea:focus , 以此类推
{
    border:1 px solid #f00;
    background:#fcc;
}

但是，ie6并不支持除超链接元素之外的:hover伪类选择器，此时可用jquery来弥补。

1：首先，在css中添加一个类名为focus的样式

css代码：

.focus {
    border:1 px solid #f00;
    background :#fcc;
}

 2：利用jquery为文本框添加获取和失去焦点事件

jquery代码：

$(function(){
        $(":input").focus(function(){
                        $(this).addClass("focus");
        }).blur(function(){
                        $(this).removeClass("focus");
        });
});

 

转载于:https://www.cnblogs.com/m-xy/archive/2013/03/03/2942009.html