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 相关文章推荐
JavaScipt基本教程之前言
Jan 16 Javascript
js实现页面打印功能实例代码(附去页眉页脚功能代码)
Dec 15 Javascript
JavaScript DOM学习第一章 W3C DOM简介
Feb 19 Javascript
javascript获取当前日期时间及其它操作函数
Jan 11 Javascript
Javascript生成json的函数代码(可以用php的json_decode解码)
Jun 11 Javascript
jQuery的animate函数实现图文切换动画效果
May 03 Javascript
JavaScript中日常收集常见的10种错误(推荐)
Jan 08 Javascript
vue使用Axios做ajax请求详解
Jun 07 Javascript
vue非父子组件通信问题及解决方法
Jun 11 Javascript
JS基于Location实现访问Url、重定向及刷新页面的方法分析
Dec 03 Javascript
24行JavaScript代码实现Redux的方法实例
Nov 17 Javascript
一篇文章学会Vue中间件管道
Jun 20 Vue.js
动态读取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
基于mysql的论坛(3)
2006/10/09 PHP
php cache类代码(php数据缓存类)
2010/04/15 PHP
php中禁止单个IP与ip段访问的代码小结
2012/07/04 PHP
php+html5基于websocket实现聊天室的方法
2015/07/17 PHP
php简单备份与还原MySql的方法
2016/05/09 PHP
javascript对talbe进行动态添加、删除、验证实现代码
2012/03/29 Javascript
一个关于javascript匿名函数的问题分析
2012/03/30 Javascript
两个listbox实现选项的添加删除和搜索
2013/03/01 Javascript
javascript加号&quot;+&quot;的二义性说明
2013/03/04 Javascript
JavaScript设置IFrame高度自适应(兼容各主流浏览器)
2013/06/05 Javascript
jfinal与bootstrap的登录跳转实战演习
2015/09/22 Javascript
Eclipse编辑jsp、js文件时卡死现象的解决办法汇总
2016/02/02 Javascript
基于JavaScript实现 网页切出 网站title变化代码
2016/04/03 Javascript
canvas实现环形进度条效果
2017/03/23 Javascript
微信小程序表单验证错误提示效果
2017/05/19 Javascript
微信小程序 空白页重定向解决办法
2017/06/27 Javascript
vue通过style或者class改变样式的实例代码
2018/10/30 Javascript
javascript中call,apply,callee,caller用法实例分析
2019/07/24 Javascript
layer ui插件显示tips时,修改字体颜色的实现方法
2019/09/11 Javascript
浅析vue中的provide / inject 有什么用处
2019/11/10 Javascript
python中的列表推导浅析
2014/04/26 Python
python中Flask框架简单入门实例
2015/03/21 Python
解决Linux系统中python matplotlib画图的中文显示问题
2017/06/15 Python
Python用户推荐系统曼哈顿算法实现完整代码
2017/12/01 Python
Python自定义线程类简单示例
2018/03/23 Python
解决python3读取Python2存储的pickle文件问题
2018/10/25 Python
python+pygame实现坦克大战小游戏的示例代码(可以自定义子弹速度)
2020/08/11 Python
Nisbets爱尔兰:英国最大的厨房和餐饮设备供应商
2019/01/26 全球购物
TheFork葡萄牙:欧洲领先的在线餐厅预订平台
2019/05/27 全球购物
大学军训感想
2014/02/12 职场文书
汽车专业求职信
2014/06/05 职场文书
销售员岗位职责
2014/06/09 职场文书
无犯罪记录证明范本
2014/09/15 职场文书
毕业设计论文致谢词
2015/05/14 职场文书
《包身工》教学反思
2016/02/23 职场文书
民事调解协议书
2016/03/21 职场文书