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 版本自动生成文章摘要
Jul 23 Javascript
Jquery each方法跳出循环,并获取返回值(实例讲解)
Dec 12 Javascript
jquery修改属性值实例代码(设置属性值)
Jan 06 Javascript
js使用split函数按照多个字符对字符串进行分割的方法
Mar 20 Javascript
angularjs客户端实现压缩图片文件并上传实例
Jul 06 Javascript
Node.js的文件权限及读写flag详解
Oct 11 Javascript
BootStrap中关于Select下拉框选择触发事件及扩展
Nov 22 Javascript
jquery实现自适应banner焦点图
Feb 16 Javascript
详解自定义ajax支持跨域组件封装
Feb 08 Javascript
详谈js的变量提升以及使用方法
Oct 06 Javascript
JS 正则表达式验证密码、邮箱格式的实例代码
Oct 28 Javascript
详解angularjs4部署文件过大解决过程
Dec 05 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
防止MySQL注入或HTML表单滥用的PHP程序
2009/01/21 PHP
PHP通过session id 实现session共享和登录验证的代码
2012/06/03 PHP
php实现singleton()单例模式实例
2014/11/06 PHP
php curl登陆qq后获取用户信息时证书错误
2015/02/03 PHP
几行代码轻松实现PHP文件打包下载zip
2017/03/01 PHP
PHP Ajax跨域问题解决方案代码实例
2020/08/01 PHP
JavaScript使用技巧精萃[代码非常实用]
2008/11/21 Javascript
映彩衣的js随笔(js图片切换效果)
2011/07/31 Javascript
原生javascript图片自动或手动切换示例附演示源码
2013/09/04 Javascript
jquery实现滑动图片自己测试的例子
2013/11/05 Javascript
jQuery CSS()方法改变现有的CSS样式表
2014/09/09 Javascript
如何用JavaScript定义一个类
2014/09/12 Javascript
javascript实现根据时间段显示问候语的方法
2015/06/18 Javascript
javascript实现全角半角检测的方法
2015/07/23 Javascript
使用jquery提交form表单并自定义action的方法
2016/05/25 Javascript
JS数组排序方法实例分析
2016/12/16 Javascript
微信小程序 image组件binderror使用例子与js中的onerror区别
2017/02/15 Javascript
vue+vuex+axio从后台获取数据存入vuex实现组件之间共享数据
2017/04/22 Javascript
vuejs实现本地数据的筛选分页功能思路详解
2017/11/15 Javascript
JS如何寻找数组中心索引过程解析
2020/06/01 Javascript
vue实现员工信息录入功能
2020/06/11 Javascript
python http接口自动化脚本详解
2018/01/02 Python
GitHub 热门:Python 算法大全,Star 超过 2 万
2019/04/29 Python
Python 常用模块 re 使用方法详解
2019/06/06 Python
基于python的列表list和集合set操作
2019/11/24 Python
python dataframe NaN处理方式
2019/12/26 Python
python实现将json多行数据传入到mysql中使用
2019/12/31 Python
纯CSS3实现圆角效果(含IE兼容解决方法)
2014/05/07 HTML / CSS
让IE9以下版本的浏览器兼容HTML5的方法
2014/03/12 HTML / CSS
6PM官网:折扣鞋、服装及配饰
2018/08/03 全球购物
英国电信商店:BT Shop
2019/12/17 全球购物
幼儿园教师请假制度
2014/01/16 职场文书
产品质量承诺书范文
2014/03/27 职场文书
《金色的草地》教学反思
2016/02/17 职场文书
Log4j.properties配置及其使用
2021/08/02 Java/Android
Mysql中常用的join连接方式
2022/05/11 MySQL