脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript类库 → jquery → jquery控制表单输入框显示默认值

jquery控制表单输入框显示默认值的方法

 更新时间：2015年05月22日 15:57:28   作者：不吃皮蛋  
这篇文章主要介绍了jquery控制表单输入框显示默认值的方法,可实现输入框出现出现默认值的效果,需要的朋友可以参考下

本文实例讲述了jquery控制表单输入框显示默认值的方法。分享给大家供大家参考。具体实现方法如下：

<!DOCTYPE html>
<html>
<head>
<script language="javascript" src="jquery-1.6.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
 $('.someClass').each(function() {
  var $this = $(this);
  var defaultVal = $this.attr('title');
  $this.focus(function() {
   if ($this.val() === defaultVal) {
    $this.val('');
   }
  });
  $this.blur(function() {
   if ($this.val().length === 0) {
    $this.val(defaultVal);
   }
  });
 });
});
</script>
<style>
input {
 display:block;
 margin-bottom:5px;
}
</style>
</head>
<body>
<input class="someClass" type="text" title="Name" value="Name" />
<input class="someClass" type="text" title="Email Address"
value="Email Address" />
<input class="someClass" type="text" title="Default Value Here"
value="Insert form refill here" />
</body>
</html>

希望本文所述对大家的jQuery程序设计有所帮助。

您可能感兴趣的文章:

相关文章

  • jquery中在页面加载完成后执行某个方法

    jquery中在页面加载完成后执行某个方法

    这篇文章主要介绍了jquery中在页面加载完成后执行某个方法，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
    2022-10-10
  • 深入了解query和params的使用区别

    深入了解query和params的使用区别

    这篇文章主要介绍了深入了解query和params的使用区别，路由传参的时候，有俩兄弟，一个叫query，一个叫parmas，你说他们俩长得也不像吧，可这用法实在是太类似了，下面就让我们分别从vue路由和Node接收两个角度讲他们的区别,需要的朋友可以参考下
    2019-06-06
  • jquery仿QQ商城带左右按钮控制焦点图片切换滚动效果

    jquery仿QQ商城带左右按钮控制焦点图片切换滚动效果

    jquery图片特效制作仿腾讯QQ商城首页banner焦点图片轮播切换效果，带索引按钮控制和左右按钮控制图片切换，实例代码如下，感兴趣的朋友可以参考下哈
    2013-06-06
  • jquery解析JSON数据示例代码

    jquery解析JSON数据示例代码

    作为jquery异步请求的传输对象，jquery请求后返回的结果是json对象,这里考虑的都是服务器返回JSON形式的字符串的形式
    2014-03-03
  • jquery获取当前元素索引值用法实例

    jquery获取当前元素索引值用法实例

    这篇文章主要介绍了jquery获取当前元素索引值用法,实例分析了jQuery获取当前元素索引在创建图片轮播效果中的使用技巧,需要的朋友可以参考下
    2015-06-06
  • jQuery 事件队列调整方法

    jQuery 事件队列调整方法

    如何为已经绑定A事件的对象添加B事件，由B事件判断A事件是否触发
    2009-09-09
  • jQuery的缓存机制浅析

    jQuery的缓存机制浅析

    这篇文章主要介绍了jQuery的缓存机制浅析,并且模拟jQuery自己写了一个简单的缓存系统实例,需要的朋友可以参考下
    2014-06-06
  • jQuery根据元素值删除数组元素的方法

    jQuery根据元素值删除数组元素的方法

    这篇文章主要介绍了jQuery根据元素值删除数组元素的方法,涉及jQuery中splice及inArray方法的使用技巧,需要的朋友可以参考下
    2015-06-06
  • jQuery 类twitter的文本字数限制带提示效果插件

    jQuery 类twitter的文本字数限制带提示效果插件

    基于jquery的仿twitter的文本字数限制带提示效果插件，这里提示比较好，不是简单的限制，给用户更好的体验。
    2010-04-04
  • jQuery实现页面倒计时并刷新效果

    jQuery实现页面倒计时并刷新效果

    页面倒计时小编在很多网站都有这样的需求，今天小编给大家分享一段jq代码实现页面倒计时并刷新效果，代码简单易懂，非常不错，需要的的朋友参考下
    2017-03-03

最新评论