表单类各种类型(文本框)失去焦点效果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 相关文章推荐
window.open 以post方式传递参数示例代码
Feb 27 Javascript
Jquery 在页面加载后执行的几种方式
Mar 14 Javascript
jQuery入门介绍之基础知识
Jan 13 Javascript
跟我学习javascript的全局变量
Nov 16 Javascript
实例代码详解jquery.slides.js
Nov 16 Javascript
ajax跨域调用webservice的实现代码
May 09 Javascript
jQuery常见的遍历DOM操作详解
Sep 05 jQuery
vue移动端项目缓存问题实践记录
Oct 29 Javascript
Angular6 Filter实现页面搜索的示例代码
Dec 02 Javascript
Vue.js watch监视属性知识点总结
Nov 11 Javascript
详解搭建一个vue-cli的移动端H5开发模板
Jan 17 Javascript
js实现贪吃蛇游戏(简易版)
Sep 29 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的网址
2006/11/25 PHP
php正则表达匹配中文问题分析小结
2012/03/25 PHP
淘宝ip地址查询类分享(利用淘宝ip库)
2014/01/07 PHP
在textarea文本域中显示HTML代码的方法
2007/03/06 Javascript
javascript 浏览器检测代码精简版
2010/03/04 Javascript
javascript面向对象编程(一) 实例代码
2010/06/25 Javascript
基于jQuery的可以控制左右滚动及自动滚动效果的代码
2010/07/25 Javascript
为Extjs加加速(javascript加速)
2010/08/19 Javascript
30分钟就入门的正则表达式基础教程
2013/02/25 Javascript
js代码实现的加入收藏效果并兼容主流浏览器
2014/06/23 Javascript
纯JS实现可拖拽表单的简单实例
2016/09/02 Javascript
微信小程序-拍照或选择图片并上传文件
2017/01/06 Javascript
vue实现页面加载动画效果
2017/09/19 Javascript
Vue2 轮播图slide组件实例代码
2018/05/31 Javascript
IE9 elementUI文件上传的问题解决
2018/10/17 Javascript
微信小程序实现预览图片功能
2020/10/22 Javascript
Python中itertools模块用法详解
2014/09/25 Python
Python读大数据txt
2016/03/28 Python
python中sort和sorted排序的实例方法
2019/08/26 Python
详解Django将秒转换为xx天xx时xx分
2019/09/27 Python
Python3.7 读取 mp3 音频文件生成波形图效果
2019/11/05 Python
CSS3正方体旋转示例代码
2013/08/08 HTML / CSS
HTML5 预加载让页面得以快速呈现
2013/08/13 HTML / CSS
HTML5实现简单图片上传所遇到的问题及解决办法
2016/01/20 HTML / CSS
武汉英思工程科技有限公司&ndash;ORACLE面试测试题目
2012/04/30 面试题
四年级数学教学反思
2014/02/02 职场文书
移交协议书
2014/08/19 职场文书
离婚协议书包括哪些内容
2014/10/16 职场文书
送达通知书
2015/04/25 职场文书
污水处理保证书
2015/05/09 职场文书
2016年小学生迎国庆广播稿
2015/12/18 职场文书
礼仪培训心得体会
2016/01/22 职场文书
2019事业单位个人工作总结范文
2019/08/26 职场文书
Django展示可视化图表的多种方式
2021/04/08 Python
CSS 新特性 contain控制页面的重绘与重排问题
2021/04/30 HTML / CSS
php+laravel 扫码二维码签到功能
2021/05/15 PHP