您的位置:首页 > 其它

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

2013-03-03 22:16 253 查看
密码:
目的:在用户输入点击密码输入框的时候,背景颜色提示,输入完成后输入下一个文本框的时候该框又恢复到原来的样子。
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");
});
});
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐