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事件实现代码
Mar 12 Javascript
用jQuery技术实现Tab页界面之二
Sep 21 Javascript
JavaScript 原型学习总结
Oct 29 Javascript
JavaScript去掉数组中的重复元素
Jan 13 Javascript
ie下jquery.getJSON的缓存问题的处理方法
Mar 29 Javascript
jQuery.position()方法获取不到值的安全替换方法
Mar 13 Javascript
跟我学习javascript的prototype,getPrototypeOf和__proto__
Nov 17 Javascript
基于javascript实现按圆形排列DIV元素(三)
Dec 02 Javascript
JavaScrip关于创建常量的知识点
Dec 07 Javascript
JS基于开关思想实现的数组去重功能【案例】
Feb 18 Javascript
javascript定时器的简单应用示例【控制方块移动】
Jun 17 Javascript
JavaScript观察者模式原理与用法实例详解
Mar 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
DC四月将推出百页特刊漫画 纪念小丑诞生80周年
2020/04/09 欧美动漫
PHP similar_text 字符串的相似性比较函数
2010/05/26 PHP
实例讲解通过​PHP创建数据库
2019/01/20 PHP
yii框架结合charjs统计上一年与当前年数据的方法示例
2020/04/04 PHP
php+mysql+ajax 局部刷新点赞/取消点赞功能(每个账号只点赞一次)
2020/07/24 PHP
让innerHTML的脚本也可以运行起来
2006/07/01 Javascript
html读出文本文件内容
2007/01/22 Javascript
WordPress 插件——CoolCode使用方法与下载
2007/07/02 Javascript
JavaScript 继承使用分析
2011/05/12 Javascript
初学js 新节点的创建 删除 的步骤
2011/07/04 Javascript
JS鼠标滑过图片时切换图片实现思路
2013/09/12 Javascript
javascript中HTMLDOM操作详解
2014/12/11 Javascript
实例详解ECMAScript5中新增的Array方法
2016/04/05 Javascript
jQuery基本选择器(实例及表单域value的获取方法)
2016/05/20 Javascript
jQuery的ready方法实现原理分析
2016/10/26 Javascript
gulp教程_从入门到项目中快速上手使用方法
2017/09/14 Javascript
通过nodejs 服务器读取HTML文件渲染到页面的方法
2018/05/17 NodeJs
js字符串倒序的实例代码
2018/11/30 Javascript
JS事件绑定的常用方式实例总结
2019/03/02 Javascript
微信小程序登录时如何获取input框中的内容
2019/12/04 Javascript
Vue程序化的事件监听器(实例方案详解)
2020/01/07 Javascript
跟老齐学Python之眼花缭乱的运算符
2014/09/14 Python
Python实现提取文章摘要的方法
2015/04/21 Python
Python实现控制台输入密码的方法
2015/05/29 Python
python实现发送和获取手机短信验证码
2016/01/15 Python
Python导入模块时遇到的错误分析
2017/08/30 Python
Python实现的求解最大公约数算法示例
2018/05/03 Python
Python 对输入的数字进行排序的方法
2018/06/23 Python
Python实现html转换为pdf报告(生成pdf报告)功能示例
2019/05/04 Python
PyCharm第一次安装及使用教程
2020/01/08 Python
解决python ThreadPoolExecutor 线程池中的异常捕获问题
2020/04/08 Python
Marks & Spencer爱尔兰:英国马莎百货
2016/04/20 全球购物
零件设计自荐信范文
2013/11/27 职场文书
小学生秋游活动方案
2014/02/23 职场文书
艺校音乐专业自我鉴定范文
2014/03/01 职场文书
初中毕业生感言
2015/07/31 职场文书