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 相关文章推荐
js操作label给label赋值及取label的值示例
Nov 07 Javascript
javascript中动态加载js文件多种解决办法总结
Nov 15 Javascript
js函数模拟显示桌面.scf程序示例
Apr 20 Javascript
js实现仿QQ秀换装效果的方法
Mar 04 Javascript
纯js实现手风琴效果
Apr 17 Javascript
Ext JS框架中日期函数的用法及日期选择控件的实现
May 21 Javascript
Vue.js快速入门实例教程
Oct 15 Javascript
angularjs+bootstrap菜单的使用示例代码
Mar 07 Javascript
windows下vue.js开发环境搭建教程
Mar 20 Javascript
three.js中文文档学习之如何本地运行详解
Nov 20 Javascript
JavaScript满天星导航栏实现方法
Mar 08 Javascript
vue实现列表拖拽排序的功能
Nov 02 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
PHP+jQuery 注册模块的改进(三):更新到Smarty3.1
2014/10/14 PHP
php获取微信openid方法总结
2019/10/10 PHP
修改Laravel自带的认证系统的User类的命名空间的步骤
2019/10/15 PHP
鼠标图片振动代码
2006/07/06 Javascript
javascript 面向对象编程 万物皆对象
2009/09/17 Javascript
javascript 二分法(数组array)
2010/04/24 Javascript
获取css样式表内样式的js函数currentStyle(IE),defaultView(FF)
2011/02/14 Javascript
jQuery中实现动画效果的基本操作介绍
2013/04/16 Javascript
animate动画示例(泪奔的小孩)及stop和delay的使用
2013/05/06 Javascript
JavaScript框架(iframe)操作总结
2014/04/16 Javascript
深入解读JavaScript中的Iterator和for-of循环
2015/07/28 Javascript
JS鼠标拖拽实例分析
2015/11/23 Javascript
js es6系列教程 - 新的类语法实战选项卡(详解)
2017/09/02 Javascript
使用veloticy-ui生成文字动画效果
2018/02/08 Javascript
浅谈JavaScript 代码整洁之道
2018/10/23 Javascript
详解Node.js中path模块的resolve()和join()方法的区别
2018/10/29 Javascript
JavaScript实现刮刮乐效果
2020/11/01 Javascript
Python如何为图片添加水印
2016/11/25 Python
利用Python找出序列中出现最多的元素示例代码
2017/12/08 Python
Python使用wget实现下载网络文件功能示例
2018/05/31 Python
Python3中关于cookie的创建与保存
2018/10/21 Python
解决python中无法自动补全代码的问题
2018/12/04 Python
python 使用matplotlib 实现从文件中读取x,y坐标的可视化方法
2019/07/04 Python
Python执行时间的几种计算方法
2020/07/31 Python
css3加js做一个简单的3D行星运转效果实例代码
2017/01/18 HTML / CSS
HTML5+CSS3:3D展示商品信息示例
2017/01/03 HTML / CSS
美国最大的香水出口:FragranceX.com
2017/11/04 全球购物
英国排名第一的餐具品牌:Denby Pottery
2019/11/01 全球购物
澳大利亚在线奢侈品时尚零售平台:Azura Runway
2021/01/13 全球购物
机关搬迁方案
2014/05/18 职场文书
高中生期中考试失利检讨书
2014/10/23 职场文书
保研推荐信范文
2015/03/25 职场文书
2015年健康教育工作总结
2015/04/10 职场文书
社区宣传标语口号
2015/12/26 职场文书
浅谈Python实现opencv之图片色素的数值运算和逻辑运算
2021/06/23 Python
js不常见操作运算符总结
2021/11/20 Javascript