编程 Javascript

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>

效果预览：

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

游戏人文件夹程序 ver 3.0

Jul 14 Javascript

jQuery EasyUI API 中文文档 - PropertyGrid属性表格

Nov 18 Javascript

纯js分页代码(简洁实用)

Nov 05 Javascript

教你用AngularJS框架一行JS代码实现控件验证效果

Jun 23 Javascript

TypeOf这些知识点你了解吗

Feb 21 Javascript

在 Angular 中实现搜索关键字高亮示例

Mar 21 Javascript

微信小程序与php 实现微信支付的简单实例

Jun 23 Javascript

纯javascript前端实现base64图片下载(兼容IE10+)

Sep 14 Javascript

jQuery实现轮播图效果

Nov 26 jQuery

JavaScript运动原理基础知识详解

Apr 02 Javascript

Vue-resource安装过程及使用方法解析

Jul 21 Javascript

八种Vue组件间通讯方式合集(推荐)

Aug 18 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