表单类各种类型(文本框)失去焦点效果jquery代码


Posted in Javascript onApril 26, 2013
<SPAN style="FONT-SIZE: 18px">表单类失去焦点的效果</SPAN>

<script type="text/javascript"> 
$(function(){ 
$(":input").focus(function(){ //此处可获取各种表单如(:text/:button) 
$(this).addClass("focusa"); 
if ($(this).val()==this.defaultValue){ 
$(this).val(""); 
} 
}).blur(function(){ 
$(this).removeClass("focusa"); 
if ($(this).val()==""){ 
$(this).val(this.defaultValue); 
} 
}); 
}); 
</script>

各种表单的类型:
<input type="text" /> 文本框 
<input type="password" /> 密码框 
<input type="submit" /> 提交按钮 
<input type="reset" /> 重置按钮 
<input type="radio" /> 单选框 
<input type="checkbox" /> 复选框 
<input type="button" /> 普通按钮 
<input type="file" /> 文件选择控件 
<input type="hidden" /> 隐藏框 
<input type="image" /> 图片按钮
Javascript 相关文章推荐
javascript getElementsByName()的用法说明
Jul 31 Javascript
jQuery判断元素是否是隐藏的代码
Apr 24 Javascript
JavaScript初学者应注意的七个细节小结
Jan 30 Javascript
JavaScript高级程序设计 读书笔记之九 本地对象Array
Feb 27 Javascript
基于KMP算法JavaScript的实现方法分析
May 03 Javascript
什么是MEAN?JavaScript编程中的MEAN是什么意思?
Dec 18 Javascript
jquery判断对象是否为空并遍历对象的简单实例
Jul 26 Javascript
JavaScript使用链式方法封装jQuery中CSS()方法示例
Apr 07 jQuery
JS弹窗 JS弹出DIV并使整个页面背景变暗功能的实现代码
Apr 21 Javascript
vue升级之路之vue-router的使用教程
Aug 14 Javascript
详解webpack4之splitchunksPlugin代码包分拆
Dec 04 Javascript
Vue中axios的封装(报错、鉴权、跳转、拦截、提示)
Aug 20 Javascript
基于jquery中children()与find()的区别介绍
Apr 26 #Javascript
基于jQuery选择器的整理集合
Apr 26 #Javascript
Google Map V3 绑定气泡窗口(infowindow)Dom事件实现代码
Apr 26 #Javascript
Javascript计算两个marker之间的距离(Google Map V3)
Apr 26 #Javascript
jquery中.add()的使用分析
Apr 26 #Javascript
Javascript 鼠标移动上去小三角形滑块缓慢跟随效果
Apr 26 #Javascript
jquery 关于event.target使用的几点说明介绍
Apr 26 #Javascript
You might like
PHP 和 MySQL 基础教程(四)
2006/10/09 PHP
PHP 观察者模式的实现代码
2013/05/10 PHP
PHP实现活动人选抽奖功能
2017/04/19 PHP
php微信开发之音乐回复功能
2018/06/14 PHP
Laravel (Lumen) 解决JWT-Auth刷新token的问题
2019/10/24 PHP
用javascript来实现动画导航效果的代码
2007/12/16 Javascript
Extjs在exlipse中设置自动提示的方法
2010/04/07 Javascript
关于图片按比例自适应缩放的js代码
2011/10/30 Javascript
js插件方式打开pdf文件(浏览器pdf插件分享)
2013/12/20 Javascript
js调试系列 断点与动态调试[基础篇]
2014/06/18 Javascript
使用cluster 将自己的Node服务器扩展为多线程服务器
2014/11/10 Javascript
JS 数字转换为大写金额的简单实例
2016/08/04 Javascript
NodeJS创建最简单的HTTP服务器
2017/05/15 NodeJs
webpack打包单页面如何引用的js
2017/06/07 Javascript
简单实现js上传文件功能
2017/08/21 Javascript
从vue源码解析Vue.set()和this.$set()
2018/08/30 Javascript
基于element-ui的rules中正则表达式
2018/09/04 Javascript
在vue中获取token,并将token写进header的方法
2018/09/26 Javascript
vue中slot(插槽)的介绍与使用
2018/11/12 Javascript
小程序登录/注册页面设计的实现代码
2019/05/24 Javascript
Vuex的实战使用详解
2019/10/31 Javascript
JS+html5实现异步上传图片显示上传文件进度条功能示例
2019/11/09 Javascript
深入了解Vue动态组件和异步组件
2021/01/26 Vue.js
python网络编程学习笔记(二):socket建立网络客户端
2014/06/09 Python
python图像常规操作
2017/11/11 Python
Python实现的远程登录windows系统功能示例
2018/06/21 Python
HTML5 解析规则分析
2009/08/14 HTML / CSS
写一个用矩形法求定积分的通用函数
2012/11/08 面试题
班级年度安全计划书
2014/05/01 职场文书
保护环境倡议书300字
2014/05/19 职场文书
旅游饭店管理专业自荐书
2014/06/28 职场文书
出资证明书范本(标准版)
2014/09/24 职场文书
国家税务局领导班子对照检查材料思想汇报
2014/10/04 职场文书
元宵节寄语大全
2015/02/27 职场文书
春季运动会加油词
2015/07/18 职场文书
一文弄懂MySQL中redo log与binlog的区别
2022/02/15 MySQL