jQuery 隐藏和显示 input 默认值示例


Posted in Javascript onJune 03, 2014
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>jQuery+JavaScript 实现 table 的增加和减少</title> 
<script language="javascript" src="jquery-1.7.1.min.js"></script> 
</head> 
<body> 
<p><input type="text" value="请输入邮箱地址" id="email" id="email" /></p> 
<p><input type="button" value="提交" /></p> 
<script type="text/javascript"> 
$("#email").focus(function(){ 
var email_txt = $(this).val(); 
if (email_txt == this.defaultValue) { 
$(this).val(""); 
} 
}) 
$("#email").blur(function(){ 
var email_txt = $(this).val(); 
if (email_txt == "") { 
$(this).val(this.defaultValue); 
} 
}) 
</script> 
</body> 
</html>

效果预览:
jQuery 隐藏和显示 input 默认值示例 
Javascript 相关文章推荐
xml 封装与解析(javascript和C#中)
Jul 26 Javascript
基于jquery的direction图片渐变动画效果
May 24 Javascript
javascript验证身份证完全方法具体实现
Nov 18 Javascript
javascript操作referer详细解析
Mar 10 Javascript
推荐4个原生javascript常用的函数
Jan 12 Javascript
jquery获取当前日期的方法
Jan 14 Javascript
jQuery+php实时获取及响应文本框输入内容的方法
May 24 Javascript
JS的函数调用栈stack size的计算方法
Jun 24 Javascript
vue-cli webpack 引入swiper的操作方法
Sep 15 Javascript
Three.js实现3D机房效果
Dec 30 Javascript
JQuery获取元素尺寸、位置及页面滚动事件应用示例
May 14 jQuery
微信小程序向Java后台传输参数的方法实现
Dec 10 Javascript
动态读取JSON解析键值对的方法
Jun 03 #Javascript
js、jquery图片动画、动态切换示例代码
Jun 03 #Javascript
jquery css 设置table的奇偶行背景色示例
Jun 03 #Javascript
js,jquery滚动/跳转页面到指定位置的实现思路
Jun 03 #Javascript
jquery浏览器滚动加载技术实现方案
Jun 03 #Javascript
js控制当再次点击按钮时的间隔时间
Jun 03 #Javascript
node.js中使用node-schedule实现定时任务实例
Jun 03 #Javascript
You might like
PHP5中的时间相差8小时的解决办法
2008/03/28 PHP
PHP nl2br函数 将换行字符转成 &amp;lt;br&amp;gt;
2009/08/21 PHP
PHP获取指定时间段之间的 年,月,天,时,分,秒
2016/06/05 PHP
php使用curl伪造浏览器访问操作示例
2019/09/30 PHP
javascript call和apply方法
2008/11/24 Javascript
JavaScript入门教程(5) js Screen屏幕对象
2009/01/31 Javascript
innerHTML 和 getElementsByName 在IE下面的bug 的解决
2010/04/09 Javascript
JS保留两位小数 四舍五入函数的小例子
2013/11/20 Javascript
在jquery中的ajax方法怎样通过JSONP进行远程调用
2014/04/04 Javascript
js 动态修改css文件的方法
2014/08/05 Javascript
javascript中递归函数用法注意点
2015/07/30 Javascript
JS+CSS实现仿msn风格选项卡效果代码
2015/10/22 Javascript
酷炫jQuery全屏3D焦点图动画效果
2016/03/22 Javascript
Vue组件通信实践记录(推荐)
2017/08/15 Javascript
Nodejs中的JWT和Session的使用
2018/08/21 NodeJs
Vue事件修饰符native、self示例详解
2019/07/09 Javascript
Vue源码分析之Vue实例初始化详解
2019/08/25 Javascript
vuex + keep-alive实现tab标签页面缓存功能
2019/10/17 Javascript
JS获取当前时间的年月日时分秒及时间的格式化的方法
2019/12/18 Javascript
python实现文件快照加密保护的方法
2015/06/30 Python
python递归全排列实现方法
2018/08/18 Python
Python global全局变量函数详解
2018/09/18 Python
Python3删除排序数组中重复项的方法分析
2019/01/31 Python
python基于pdfminer库提取pdf文字代码实例
2019/08/15 Python
基于python实现对文件进行切分行
2020/04/26 Python
pymysql之cur.fetchall() 和cur.fetchone()用法详解
2020/05/15 Python
2021年的Python 时间轴和即将推出的功能详解
2020/07/27 Python
Python经典五人分鱼实例讲解
2021/01/04 Python
HTML块级标签汇总(小篇)
2016/07/13 HTML / CSS
城市轨道专业个人求职信范文
2013/09/23 职场文书
勤俭节约倡议书
2014/04/14 职场文书
英语四级考试作弊检讨书
2014/09/29 职场文书
2014年大学生村官工作总结
2014/11/19 职场文书
温馨祝福晨语:美丽的一天从我的问候开始
2019/11/28 职场文书
CSS中妙用 drop-shadow 实现线条光影效果
2021/11/11 HTML / CSS
idea下配置tomcat避坑详解
2022/04/12 Servers