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 相关文章推荐
Javascript 浮点运算精度问题分析与解决
Mar 26 Javascript
使用JavaScript实现网页版Pongo设计思路及源代码分享
Jun 16 Javascript
jQuery通过Ajax返回JSON数据
Apr 28 Javascript
Javascript实现商品秒杀倒计时(时间与服务器时间同步)
Sep 16 Javascript
关于javascript中dataset的问题小结
Nov 16 Javascript
js实现密码强度检测【附示例】
Mar 30 Javascript
第一次接触神奇的Bootstrap
Oct 14 Javascript
django中使用vue.js的要点总结
Jul 07 Javascript
微信小程序实现按字母排列选择城市功能
Nov 25 Javascript
解决Vue 给mapState中定义的属性赋值报错的问题
Jun 22 Javascript
实例讲解JavaScript 计时事件
Jul 04 Javascript
在antd Form表单中select设置初始值操作
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
分页显示Oracle数据库记录的类之一
2006/10/09 PHP
在smarty模板中使用PHP函数的方法
2011/04/23 PHP
php urlencode()与urldecode()函数字符编码原理详解
2011/12/06 PHP
php实现mysql数据库连接操作及用户管理
2015/11/08 PHP
laravel 获取某个查询的查询SQL语句方法
2019/10/12 PHP
Thinkphp 框架配置操作之配置加载与读取配置实例分析
2020/05/15 PHP
javascript取消文本选定的实现代码
2010/11/14 Javascript
JS日期和时间选择控件升级版(自写)
2013/08/02 Javascript
js控制表单不能输入空格的小例子
2013/11/20 Javascript
jquery+php随机生成红包金额数量代码分享
2015/08/27 Javascript
js实现数组冒泡排序、快速排序原理
2016/03/08 Javascript
使用微信小程序开发前端【快速入门】
2016/12/05 Javascript
js实现简单的选项卡效果
2017/02/23 Javascript
Vue 组件传值几种常用方法【总结】
2018/05/28 Javascript
Vue 全局loading组件实例详解
2018/05/29 Javascript
vue2实现搜索结果中的搜索关键字高亮的代码
2018/08/29 Javascript
layui-table获得当前行的上/下一行数据的例子
2019/09/24 Javascript
微信小程序单选框自定义赋值
2020/05/26 Javascript
python连接mongodb操作数据示例(mongodb数据库配置类)
2013/12/31 Python
Python SQLAlchemy基本操作和常用技巧(包含大量实例,非常好)
2014/05/06 Python
Python中利用原始套接字进行网络编程的示例
2015/05/04 Python
python实现简单多人聊天室
2018/12/11 Python
Python3.5装饰器原理及应用实例详解
2019/04/30 Python
Python Pandas 获取列匹配特定值的行的索引问题
2019/07/01 Python
python hough变换检测直线的实现方法
2019/07/12 Python
Python 使用 PyMysql、DBUtils 创建连接池提升性能
2019/08/14 Python
Tensorflow Summary用法学习笔记
2020/01/10 Python
北美领先的牛仔品牌:Buffalo David Bitton
2017/05/22 全球购物
HelloFresh澳大利亚:订购你的美味食品盒、健康餐食
2018/03/28 全球购物
亚马逊意大利站点:Amazon.it
2020/12/31 全球购物
标准毕业生自荐信范文
2013/11/04 职场文书
小学教师办公室制度
2014/02/03 职场文书
明信片寄语大全
2014/04/08 职场文书
节能标语大全
2014/06/21 职场文书
元旦标语大全
2014/10/09 职场文书
社区挂职锻炼个人工作总结
2015/10/23 职场文书