jQuery 隐藏和显示 input 默认值示例
更新时间：2014年06月03日 17:23:49 作者：
这篇文章主要介绍了jQuery如何隐藏和显示 input 默认值,需要的朋友可以参考下
复制代码 代码如下:
<!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>
效果预览：
您可能感兴趣的文章:
- input 输入框获得/失去焦点时隐藏/显示文字(jquery版)
- jquery显示隐藏input对象
- jQuery实现表单input中提示文字value随鼠标焦点移进移出而显示或隐藏的代码
- jQuery通过改变input的type属性实现密码显示隐藏切换功能
- jquery form 隐藏的input 选择
- jQuery响应鼠标事件并隐藏与显示input默认值
- jQuery解决input超多的表单提交
- jquery获取form表单input元素值的简单实例
- jQuery获取及设置表单input各种类型值的方法小结
- jquery 动态增加,减少input表单的简单方法(必看)
- jQuery实现提交表单时不提交隐藏div中input的方法
相关文章
幻灯片效果在网站中的使用非常流行，使用幻灯片效果既能在有限的网页空间内展示更多的内容，又能增强视觉趣味，网上众多的幻灯片插件资源也使得幻灯片的实现变得十分简单2012-05-05
CKEditor无法验证的解决方案（js验证+jQuery Validate验证）
这篇文章主要为大家详细介绍了CKEditor无法验证的解决方案和jQuery Validate验证框架，感兴趣的小伙伴们可以参考一下2016-05-05
这篇文章主要介绍了jQuery实现对网页节点的增删改查功能,涉及jQuery针对网页DOM节点的获取、属性修改等相关操作技巧,需要的朋友可以参考下2017-09-09
jQuery 1.9移除了$.browser可以使用$.support来替代
这篇文章主要介绍jQuery 1.9 移除了 $.browser 的替代方法,需要的朋友可以参考下2014-09-09
jquery form表单提交插件asp.net后台中文解码
对于jquery form表单提交插件jquery.form.js，在提交表单数据时，如果表单数据有中文，则被提交的数据是要经过编码的。2010-06-06
jQuery通过改变input的type属性实现密码显示隐藏切换功能
大家在做登录注册功能的时候都会遇到用户选择自己输入的密码是否显示需求，大家都是怎么实现的呢？今天小编给大家分享一种比较好用的方法jQuery通过改变input的type属性实现密码显示隐藏切换功能，需要的朋友参考下2017-02-02
用jQuery取值，当一个id中含有.时，这个时候正常的取法是做不到的，因此请看下文2014-05-05
这篇文章主要介绍了jQuery实现获取多选框的值,结合实例形式分析了jQuery事件响应及页面元素属性获取相关操作技巧,需要的朋友可以参考下2020-02-02
下面小编就为大家带来一篇jquery层级选择器(匹配父元素下的子元素实现代码)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-09-09
这篇文章主要为大家详细介绍了jQuery实现三级联动效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-03-03
最新评论