文本框自动获取焦点并提示输入继而恢复
2013-03-03 22:16
253 查看
密码:
目的:在用户输入点击密码输入框的时候,背景颜色提示,输入完成后输入下一个文本框的时候该框又恢复到原来的样子。
css代码:
但是,ie6并不支持除超链接元素之外的:hover伪类选择器,此时可用jquery来弥补。
1:首先,在css中添加一个类名为focus的样式
css代码:
2:利用jquery为文本框添加获取和失去焦点事件
jquery代码:
目的:在用户输入点击密码输入框的时候,背景颜色提示,输入完成后输入下一个文本框的时候该框又恢复到原来的样子。
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"); }); });
相关文章推荐
- 文本框获取焦点时禁止手机弹出自带的输入键盘
- ASP.NET输入文本框自动提示功能
- JQuery下focus()无法自动获取焦点的处理方法 jquery如何使文本框获得焦点
- 文本框+层模拟下拉框,并实现输入自动提示和过滤
- 文本框输入时 实现自动提示(像百度、google一样)
- 文本框输入时,是实现自动提示(像百度、google一样)
- inputSuggest文本框输入时提示、自动完成效果(邮箱输入自动补全插件)
- 在文本框中有一行灰色文字,获得焦点并输入时自动消失
- JQuery下focus()无法自动获取焦点的处理方法 jquery如何使文本框获得焦点
- vue 自定义指令自动获取文本框焦点
- 文本框+层模拟下拉框,并实现输入自动提示和过滤
- (转)完美解决 Android WebView 文本框获取焦点后自动放大有关问题
- 文本框输入时 实现自动提示(像百度、google一样)
- JavaScript学习笔记3--文本框获得焦点,文本框里提示信息自动消失
- JQuery下focus()无法自动获取焦点的处理方法 jquery如何使文本框获得焦点
- ASP.NET输入文本框自动提示功能
- 两个文本框都输入数字后只要焦点一失去,在第三个文本框中就自动计算出前两个的和或者积
- 文本框特效:获取焦点时自动清除默认文本 失去焦点重新显示默认文字
- 判断文本框里是否输入值,如果没有输入就会让其焦点自动到其那儿
- 像百度搜索框一样,在文本框中输入字符后,自动出现提示下拉框 [问题点数