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 相关文章推荐
又一个小巧的图片预加载类
May 05 Javascript
JavaScript怎么判断图片是否加载完成以便获取其尺寸
May 08 Javascript
javascript实现当前页导航激活的方法
Feb 27 Javascript
jquery实现简单的自动播放幻灯片效果
Jun 13 Javascript
jQuery实现选中弹出窗口选择框内容后赋值给文本框的方法
Nov 23 Javascript
浅谈JS读取DOM对象(标签)的自定义属性
Nov 21 Javascript
jquery学习笔记之无new构建详解
Dec 07 jQuery
Vue 开发音乐播放器之歌手页右侧快速入口功能
Aug 08 Javascript
vue路由前进后退动画效果的实现代码
Dec 10 Javascript
layer实现登录弹框,登录成功后关闭弹框并调用父窗口的例子
Sep 11 Javascript
Nuxt的动态路由和参数校验操作
Nov 09 Javascript
vue 防止页面加载时看到花括号的解决操作
Nov 09 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
成本8450万,票房仅2亿,口碑两极分化,又一部DC电影扑街了
2020/04/09 欧美动漫
杏林同学录(九)
2006/10/09 PHP
ADODB结合SMARTY使用~超级强
2006/11/25 PHP
PHP执行linux系统命令的常用函数使用说明
2010/04/27 PHP
PHP书写格式详解(必看)
2016/05/23 PHP
js实现简单登录功能的实例代码
2013/11/09 Javascript
Nodejs中读取中文文件编码问题、发送邮件和定时任务实例
2015/01/01 NodeJs
Java File类的常用方法总结
2015/03/18 Javascript
jQuery超精致图片轮播幻灯片特效代码分享
2015/09/10 Javascript
Angularjs中的ui-bootstrap的使用教程
2017/02/19 Javascript
jquery.form.js异步提交表单详解
2017/04/25 jQuery
JS实现的简单标签点击切换功能示例
2017/09/21 Javascript
浅谈JS函数节流防抖
2017/10/18 Javascript
vue项目中引入noVNC远程桌面的方法
2018/03/05 Javascript
JS实现的JSON数组去重算法示例
2018/04/11 Javascript
vue-cli 引入、配置axios的方法
2018/05/08 Javascript
Vue递归组件+Vuex开发树形组件Tree--递归组件的简单实现
2019/04/01 Javascript
vue-cli 3 全局过滤器的实例代码详解
2019/06/03 Javascript
nodejs实现的http、https 请求封装操作示例
2020/02/06 NodeJs
vue点击Dashboard不同内容 跳转到同一表格的实例
2020/11/13 Javascript
超详细小程序定位地图模块全系列开发教学
2020/11/24 Javascript
python通过urllib2爬网页上种子下载示例
2014/02/24 Python
Python迭代器和生成器介绍
2015/03/06 Python
python在linux系统下获取系统内存使用情况的方法
2015/05/11 Python
使用Python搭建虚拟环境的配置方法
2018/02/28 Python
Python多进程与服务器并发原理及用法实例分析
2018/08/21 Python
python中的itertools的使用详解
2020/01/13 Python
python生成word合同的实例方法
2021/01/12 Python
CSS3实现圆角、阴影、透明效果并兼容各大浏览器
2014/08/08 HTML / CSS
HTML5 UTF-8 中文乱码的解决方法
2013/11/18 HTML / CSS
酒店门卫岗位职责
2013/12/29 职场文书
土木工程师职业规划范文
2014/03/07 职场文书
家长会主持词
2014/03/26 职场文书
幼儿园春季开学通知
2015/07/16 职场文书
Python中第三方库Faker的使用详解
2022/04/02 Python
解决MySQL报“too many connections“错误
2022/04/19 MySQL