模糊查询输入框中的默认显示值

最新推荐文章于 2024-05-15 20:43:52 发布
最新推荐文章于 2024-05-15 20:43:52 发布
阅读量158 收藏
点赞数
分类专栏： js 文章标签： xhtml javascript ViewUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/NumberBB/article/details/84147859
版权

<!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=gb2312" />
<title>无标题文档</title>
<script type="text/javascript">
$(function(){
     $(".textComm").val("请输入采购单编号或供货商名称");
  $(".textComm").css("color","#CCCCCC");
 test();
 
});
function test()
{
   var isShowDefaultText = true;
 $(document).keydown(function(event){       

 

  switch(event.keyCode.toString()) {
      case "8":isShowDefaultText = false;
      case "46":isShowDefaultText = false;
    }

   });
 
 $(".textComm").focus(function(){
  if($(".textComm").val()=="请输入采购单编号或供货商名称"){
   $(".textComm").val("");
   $(".textComm").css("color","#000000");
  }
 });
 
 $(".textComm").blur(function(){
  if(($(".textComm").val()=="" || $("#text1").val()==null) && isShowDefaultText==true){
   $(".textComm").val("请输入采购单编号或供货商名称");
   $(".textComm").css("color","#CCCCCC");
  }else{
   text1 = $(".textComm").val();
  }
 });
}
  
</script>
</head>

<body>
 <input type="text" id="text1" class="textComm"/>
 <input type="button"/>
</body>
</html>


 

主要实现其文档输入框中的默认值

 

象组
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
仿百度输入框（在输入框输入时，会根据输入的内容模糊查询相关的做成下拉框显示在下面，供选择）
11-23
输入页面和数据页面是两个页面，当用户输入时，会发送请求到数据页面，数据页面以json的形式返回数据
输入 动态模糊查询 文本下拉框
yyongsheng的博客
04-20 821
$("#schoolName").autocomplete({             source: function(request,response){                 $.ajax({                     url: "/communicateteacher/findSchoolName",                     type:"po
文本框模糊查询
happyleo12的博客
05-10 787
事先下载typeahead.js文件，在html中加载  利用ajax异步加载，从数据库查询过来 $(document).ready(function () { //文本框模糊查询 $('#txtsearchpn').typeahead({ source: function (qu
实时监听input的值，类似于实现模糊查询，处理输入中文问题
qq_34672907的博客
05-17 2655
今天有个需求，根据input用户输入进行实时进行模糊查询。一想到这个需求就想到jQuery的input propertychange函数。但是做起来和想一般都不一样的，，，，，然后我就光荣跳坑了。实现实时监听其实有两套方案，下面废话少说，进入第一个方案1.使用input propertychange函数，结合compositionstart和compositionend监听输入法。不过缺点是要调用...
php 输入框模糊查询,在input中如何实现动态模糊查询
weixin_39768917的博客
03-19 273
下面小编就为大家分享一篇基于input动态模糊查询的实现方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧最近在用jQuery实现动态模糊查询的时候，找了挺久都没有找到像Vue.js的watch属性这么好用的动态模糊查询方法。就分享一下目前遇到的坑和可以实现动态查询的几种方式。1.jQuery的change()方法。这个方法要失去所在的input框的焦点时，事件才会被触发，感觉有...
php 输入框模糊查询,基于input的动态模糊查询
weixin_36415235的博客
03-19 239
这次给大家带来基于input的动态模糊查询，基于input动态模糊查询的注意事项有哪些，下面就是实战案例，一起来看一下。最近在用jQuery实现动态模糊查询的时候，找了挺久都没有找到像Vue.js的watch属性这么好用的动态模糊查询方法。就分享一下目前遇到的坑和可以实现动态查询的几种方式。1.jQuery的change()方法。这个方法要失去所在的input框的焦点时，事件才会被触发，感觉有点鸡...
javascript遇到html5的一些表单属性
01-21
input属性： placeholder:输入框的默认值，向用户显示描述性说明文字或者提示信息 ...相当于js实现的“自动完成”功能，但是不能进行模糊查询 如果datalist内有2项值：”a34343″和”并24234″,用户希望的
基于JSP+JavaBean+Servlet三层架构员工考勤管理系统源码+数据库+项目说明.zip
01-11
3） 修改JSP代码中的分页查询部分代码, 并将（总记录条数，总页码数，每页要显示的数据List<T> 当前页码，每页显示的记录条数(默认为5) 封装到PageBean类中） 4） 通过JSP中的标签的href属性 或 form的action属性 或...
javaweb员工信息管理系统源码+sql加强版
12-22
3、 在查询输入框输入关键字可模糊查询得到相关的信息，默认查询所有 4、 点击复选框选择删除，若是未选择删除，会提示未选中，可批量删除 5、 点击增加、修改会分别进入增加、修改界面 6、 点击下一页，会进入...
zTree树形菜单展开收缩插件
12-30
zTree树形菜单展开收缩插件。一款简单的zTree树形菜单展开收缩插件，可以在输入框输入关键字进行模糊查询筛选。
仓库管理系统.zip
07-14
2．物料查询程序可以在通过输入框的文字进行模糊查询（物料代码、名称、规格中是否含有输入框的文字），程序名用“班级＋座号＋（表示程序名的中英文信息）”来命名。 实验课题二、简单物料进仓/出仓信息管理 企业...
常见的 HTML 标准
csdn_ad986ad的博客
04-30 866
HTML（Hypertext Markup Language）有多个版本和标准。
TypeScript中的函数类型注解：精确定义行为与意图
逐星的博客
05-11 404
在TypeScript中，函数不仅是一段执行特定任务的代码块，它们还可以拥有自己的类型。函数类型注解允许开发者定义函数的参数类型和返回值类型，从而提高代码的可读性和可维护性。函数类型注解是TypeScript中定义函数时的重要特性，它有助于确保函数参数和返回值符合预期，从而提高代码的准确性和安全性。
React中JSX语法入门
woliuhuaqiangla的博客
05-12 768
通过使用大括号{}，可以在JSX中使用任何有效的JavaScript表达式，包括变量、函数调用、算术运算和条件语句等。JSX将HTML标签和JavaScript代码结合在一起，可以在其中使用JavaScript表达式，并且可以通过使用大括号{}来嵌入JavaScript代码。通过使用JSX，我们可以在JavaScript代码中嵌入HTML标记，从而更容易地构建可复用的UI组件。在React中的JSX中，也可以使用任何有效的JavaScript表达式，包括变量、函数调用、算术运算、条件语句等。
前端Vue架构
weixin_45678402的博客
05-12 293
defineProperty：监听范围比较窄，只能通过属性描述符去监听已有属性的读取和赋值；兼容性较差，只能兼容支持ES6 的浏览器（要求监听数据是对象）这样写的话，依赖收集只能收集到属性c；如果访问的属性值还是一个对象，对属性值再次进行代理；创建视图的函数（render）和数据之间的关联；当数据发生变化的时候，希望render重新执行；下面的用法，只能收集到c，收集不到c1。依赖收集：a color: #f00。依赖收集：a color: #f00。如何知晓数据对应的函数；监听数据的读取和修改；
Vue.js的发展史（一）
最新发布
2301_79683791的博客
05-15 504
Vue (发音为 /vjuː/，类似view) 是一款用于构建用户界面的 JavaScript 框架。它基于标准 HTML、CSS 和 JavaScript 构建，并提供了一套声明式的、组件化的编程模型，帮助你高效地开发用户界面。无论是简单还是复杂的界面，Vue 都可以胜任。来源官方解释-----简介 | Vue.js (vuejs.org)简单来说：Vue是一个属于JS的库，可直接引入一个JS文件就可以使用，与传统JS和JQuery框架不同，Vue的渐进式框架。
用vue实现json模版编辑器
qq_44428688的博客
05-14 510
设想业务逻辑是拖拽控件生成表单 动手做了一个简单的demo 业务的原型图设想如下所示其中使用的技术主要是vuedragger。
js设计模式-策略模式与代理模式的应用
偏执的小男孩儿
05-13 375
js设计模式-策略模式与代理模式的应用
setImmediate不能在浏览器中执行
Keep trying, keep going
05-14 156
的延迟时间设置为 0，但实际的延迟可能会因浏览器的最小延迟时间限制而稍有不同。函数实现类似的效果。函数不是浏览器的标准 API，而。
ADMINLTE做出jquery mobile模糊查询效果
05-25
AdminLTE是一个基于Bootstrap框架的开源后台...如果你想在AdminLTE中实现jQuery Mobile的模糊查询效果，可以考虑使用jQuery UI的Autocomplete插件。以下是实现步骤： 1. 引入jQuery UI库和Autocomplete插件 ```html ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值