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 相关文章推荐
JQuery 确定css方框模型(盒模型Box Model)
Jan 22 Javascript
9行javascript代码获取QQ群成员具体实现
Oct 16 Javascript
表单序列化与jq中的serialize使用示例
Feb 21 Javascript
jQuery同步提交示例代码
Dec 12 Javascript
基于Jquery插件实现跨域异步上传文件功能
Apr 26 Javascript
Vue自定义指令拖拽功能示例
Feb 17 Javascript
vue生成token并保存到本地存储中
Jul 17 Javascript
vue.js提交按钮时进行简单的if判断表达式详解
Aug 08 Javascript
详解javascript对数组和json数组的操作
Apr 15 Javascript
javascript 数组精简技巧小结
Feb 26 Javascript
解决elementUI 切换tab后 el_table 固定列下方多了一条线问题
Jul 19 Javascript
javascript利用canvas实现鼠标拖拽功能
Jul 23 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
thinkphp3.0 模板中函数的使用
2012/11/13 PHP
解析PHP中的内存管理,PHP动态分配和释放内存
2013/06/28 PHP
解析将多维数组转换为支持curl提交的一维数组格式
2013/07/08 PHP
PHP培训要多少钱
2017/06/06 PHP
jquery中animate动画积累的解决方法
2013/10/05 Javascript
关闭浏览器时提示onbeforeunload事件
2013/12/25 Javascript
JavaScript解析json格式数据简单示例
2014/12/09 Javascript
javascript 事件处理示例分享
2014/12/31 Javascript
举例说明如何为JavaScript的方法参数设置默认值
2015/11/17 Javascript
原生js实现自由拖拽弹窗代码demo
2016/06/29 Javascript
老生常谈jquery中detach()和remove()的区别
2017/03/02 Javascript
vue-cli单页应用改成多页应用配置详解
2017/07/14 Javascript
JS禁止浏览器右键查看元素或按F12审查元素自动关闭页面示例代码
2017/09/07 Javascript
微信小程序实现之手势锁功能实例代码
2018/07/19 Javascript
Vue.js 无限滚动列表性能优化方案
2019/12/02 Javascript
JavaScript 实现HTML DOM增删改查操作的常见方法详解
2020/01/04 Javascript
详解微信小程序中var、let、const用法与区别
2020/01/11 Javascript
Vue获取页面元素的相对位置的方法示例
2020/02/05 Javascript
Python __setattr__、 __getattr__、 __delattr__、__call__用法示例
2015/03/06 Python
用Python中的wxPython实现最基本的浏览器功能
2015/04/14 Python
Python3如何解决字符编码问题详解
2017/04/23 Python
使用python将请求的requests headers参数格式化方法
2019/01/02 Python
Python文件操作中进行字符串替换的方法(保存到新文件/当前文件)
2019/06/28 Python
在Mac中PyCharm配置python Anaconda环境过程图解
2020/03/11 Python
Python matplotlib实时画图案例
2020/04/23 Python
中软国际Java程序员笔试题
2014/07/19 面试题
Unix如何在一行中运行多个命令
2015/05/29 面试题
教师新年寄语
2014/04/03 职场文书
早会开场白台词大全
2015/06/01 职场文书
我的法兰西岁月观后感
2015/06/09 职场文书
八年级地理课件资料及考点知识分享
2019/08/30 职场文书
100句拼搏进取的名言警句,值得一读!
2019/10/07 职场文书
《工作是最好的修行》读后感3篇
2019/12/13 职场文书
教你使用pyinstaller打包Python教程
2021/05/27 Python
Redis命令处理过程源码解析
2022/02/12 Redis
Vue的生命周期一起来看看
2022/02/24 Vue.js