当前位置: 首页 > 编程笔记 >

使用jQuery给input标签设置默认值

何高歌
2023-03-14
本文向大家介绍使用jQuery给input标签设置默认值,包括了使用jQuery给input标签设置默认值的使用技巧和注意事项,需要的朋友参考一下

由于项目需求,简单地写了一个input默认值设置,实现给.form中所有的input设置默认值的方法。

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>input默认值设置</title>
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/1.6.2/jquery.min.js"></script>
<script type="text/javascript">
$(function() {
  //集体调用
  $(".form input").each(function(){
    $(this).setDefauleValue();
  });
  //单个调用
  $("#key").setDefauleValue();
})
 
//设置input,textarea默认值
$.fn.setDefauleValue = function() {
  var defauleValue = $(this).val();
  $(this).val(defauleValue).css("color","#999");
 
  return this.each(function() {   
    $(this).focus(function() {
      if ($(this).val() == defauleValue) {
        $(this).val("").css("color","#000");//输入值的颜色
      }
    }).blur(function() {
      if ($(this).val() == "") {
        $(this).val(defauleValue).css("color","#999");//默认值的颜色
      }
    });
  });
}
</script>
</head>
 
<body>
<form class="form">
 <input type="text" size="30" value="输入昵称">
 <br>
 <input type="text" size="30" value="输入姓名">
</form>
<br>
<br>
<br>
<input type="text" size="30" id="key" value="输入学员ID、姓名、昵称进行查找">
</body>
</html>

以上就是本文的全部内容,希望能给大家一个参考,也希望大家多多支持小牛知识库。

 类似资料:
  • 问题内容: 我的下拉列表中有很多选项,例如: 我需要选择在标签中有价值 的是我自己的 选项,而不是按属性。 我该如何使用jQuery? 问题答案: 如果您想为此使用jQuery,请尝试以下代码。 更新: 在Vivek发表评论后,正确指出了steven spielberg想通过其Text值选择该选项。 下面是更新的代码。 您需要使用选择器通过包含的文本进行查找。 当获取和设置属性时,jQuery p

  • 问题内容: 我在我的应用程序中使用JTabbedPane。我添加了两个选项卡,它们是自定义类“ ContentPanel”的实例。这扩展了JPanel并设置了背景,边框等。基本上,这意味着我不必设置要应用此颜色方案的每个JPanel的属性。我注意到,不仅它们的边框出现了,而且另一个边框(我认为是蓝色的- 至少在我的屏幕上)出现在此边框周围,并与“选择器”标签本身相连(即,您单击以获得按钮的按钮)适

  • 本文向大家介绍select标签设置默认选中的选项方法,包括了select标签设置默认选中的选项方法的使用技巧和注意事项,需要的朋友参考一下 方法有两种。 第一种 通过<select>的属性来设置选中项,此方法可以在动态语言如php在后台根据需要控制输出结果。 第二种 为通过前端js来控制选中的项: 获取<select>标签选中项文本的js代码为: 一些其它操作<select>标签的技巧如下: 1)

  • 问题内容: 我想创建一个基于Jenkins的映像,并安装一些插件。为此,我有以下内容: 效果很好,但是当我运行图像时,我遇到两个问题: 似乎由于某些原因,我尝试手动安装的插件没有保留下来。 系统提示我要安装的插件列表,但我不想安装其他任何插件。 我是否缺少配置Dockerfile的任何东西,还是我想实现的目标根本不可能? 问题答案: 没有看到的内容,我无法评论为什么插件没有持久化。这很可能是由不正

  • 使用 Regedit.exe 来改写默认设置 要定制 Microsoft® Windows® 注册表设置,可使用 Regedit.exe 来改写在对 Microsoft Jet 数据库引擎进行注册时建立起来的默认设置。因为任何不指定其它注册表位置的应用程序均将使用这些新的默认设置,所以,这种修改方法最缺乏灵活性。 请参阅 在应用程序的注册表树中创建一个部分来管理设置 使用 Microsoft OL

  • 本文向大家介绍使用focus方法让光标默认停留在INPUT框,包括了使用focus方法让光标默认停留在INPUT框的使用技巧和注意事项,需要的朋友参考一下