jquery 文本框提示[如：请输入关键字] 点击后消失

最新推荐文章于 2021-03-09 17:51:13 发布
最新推荐文章于 2021-03-09 17:51:13 发布
阅读量138 收藏
点赞数
CC 4.0 BY-SA版权
文章标签： javascript ViewUI
原文链接：https://my.oschina.net/sfilyh/blog/61950
本文深入探讨了编程领域中，为何大部分程序员难以晋升为架构师的原因，从技术能力、思维模式、沟通协作等多个维度解析这一现象。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

为什么80%的码农都做不了架构师？>>>   hot3.png

;(function($){	
		$.fn.keytip = function(str){
			return this.each(function(){
			  var obj = $(this);
			  obj.click(function(){
					if(obj.val() == str){
						obj.val("");
						obj.removeClass("keycolor");
					}		  
			  }).focusout(function(){
				  if(obj.val() == ""){
					  obj.val(str);
					  obj.addClass("keycolor");
				  }
			  });			  
			});		
		};
}(jQuery));

转载于:https://my.oschina.net/sfilyh/blog/61950

html下选择后显示在文本框里,HTML之文本框关键字显示
weixin_35901475的博客
06-03 1315
文本框默认显示 “请输入关键字”，当鼠标点击输入框的时候，“请输入关键字”这几个字消失，移出文本框又显示出来Titlefunction Focus(){var tag = document.getElementById('i1');var val = tag.value;if(val == "请输入关键字"){tag.value = "";}}function Blur(){var tag = d...
jQuery文本框input输入关键字自动补全筛选代码
06-10
本示例中的"jQuery文本框input输入关键字自动补全筛选代码"是利用jQuery实现的一种常见用户体验增强功能，通常用于网站的搜索框，当用户在文本框中输入关键词时，系统会实时显示与输入关键词匹配的相关建议，提升...
jQuery文本框输入文字自动筛选效果.zip
07-11
js代码 [removed] var personArr = [ { name: '王港', src: 'img/3.png', des: '颈椎不好', sex: 'm' }, { name: '张三', src: 'img/4.png', des: '描述信息2', sex: 'm' }, { name: '李四', src: 'img/5.png', des: '描述信息3', sex: 'm' }, { name: '王麻子', src: 'img/1.png', des: '描述信息4', sex: 'm' }, { name: '阿海', src: 'img/2.png', des: '描述信息5', sex: 'm' }, { name: '刘莹', src: 'img/5.png', des: '我是谁', sex: 'f' }, { name: '王秀莹', src: 'img/4.png', des: '我很好看', sex: 'f' }, { name: '刘金雷', src: 'img/1.png', des: '你没有见过陌生的脸', sex: 'm' }, { name: '刘飞翔', src: 'img/2.png', des: '瓜皮刘', sex: 'm' } ]; //渲染函数 function renderList(arr) { var str = ""; arr.forEach(function (ele, index) { str = '\ \ ' ele.name '\ ' ele.des '\ ' }) $("ul").html(str) } renderList(personArr) //根据名字渲染 var searchVal = ""; var sexVal = "a"; $(".search-box").on("input", function () { searchVal = $(this).val(); all() }) //根据性别渲染 $("span").on("click", function () { $("span").removeClass("active"); $(this).addClass("active"); sexVal = $(this).attr("sex"); all() }) //根据名字筛选数组 function nameFilter(name, arr) { return arr.filter(function (ele, index) { return ele.name.indexOf(name) != -1 ? true : false }) } //根据性别筛选数组 function sexFilter(sex, arr) { if (sex == "a") { return arr; } return arr.filter(function (ele, index) { return ele.sex == sex; }) } //合并筛选 function all() { var lastArr = nameFilter(searchVal, personArr); lastArr = sexFilter(sexVal, lastArr) renderList(lastArr) } [removed] 一款非常简单的jQuery文本框输入文字自动筛选代码，带图片的查询框文字筛选列表显示代码。
JQUERY点击输入框提示文字消失
20386053
01-22 457
<!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> ..
输入框显示输入提示，点击消失
君醉酒的博客
09-26 1522
/** * 输入框显示输入提示，点击消失。没输入直接提交，提交的输入框内容为空，不提交显示的提示文字 * * inputId：输入框id，submitId：提交按钮id，promptStr：提示文字 */ function inputPrompt(inputId, submitId, promptStr){ $("#" + submitId).click(function() {
【笔记——JQuery】输入框的的提示，点击后消失
weixin_30690833的博客
03-28 141
//普通输入框，各个参数：//e 输入框对象//temp 提示文本内容 function inputTip(e,temp){ e.click(function(){ var text = e.attr("value"); if(text.trim() == temp){ e.attr("v...
javascript和jquery实现设置和移除文本框默认值效果代码
10-24
这段代码中，input标签的value属性设置为了默认提示文本“请输入关键字进行搜索”。当输入框获得焦点时，onfocus事件触发，如果当前值等于默认提示文本，则清空输入框。相反地，当输入框失去焦点时，onblur事件触发...
仿Google和Baidu实现文本框内容提示功能
结合这些知识点，以下是使用jQuery实现仿Google、Baidu文本框提示功能的示例代码： ```html <!DOCTYPE html> 文本框实现内容提示(仿Google、Baidu) .floating-label { position: relative; } .floating-...
实现仿百度输入提示的jQuery自动完成插件
用户在文本框输入关键字时，系统能自动给出相关的提示，以便用户能快速找到想要的搜索结果。这一功能的实现涉及到前端开发的多个方面，具体包括HTML、CSS、JavaScript（尤其是jQuery库）、AJAX技术、事件处理以及...
表单数据处理秘籍：jQuery获取input元素值的终极方法
![表单数据处理秘籍：jQuery获取input元素值的终极方法]...本文系统地探讨了表单数据处理与jQuery的应用，旨在提高前端开发者在动态网页设计与交互实现中的效率与质量。首先回顾了jQuery基础知识，包括选
jquery实现点击页面空白处，弹框消失
热门推荐
一只爱吃糖的小羊
04-25 1万+
如何实现点击页面空白处使弹框消失？ 最近做项目，需要实现一个效果，就是“下拉框”或者弹框展开/显示之后，并不选择其中一个下拉选项，点击页面空白处，就使下拉框或者弹框收起/隐藏。 如果是select标签的话，就很简单了，select失去焦点的时候，select自己会收起。但是实际项目中，select并不能满足全部的需要，有时我们需要用ul、li来模拟下拉框。还有些弹框，点击空白处使弹框消失，可以...
jQuery中使用Ajax实现文本输入框的自动完成功能
岁寒松柏
09-23 3411
当我们使用搜索引擎时发现会有自动提示的功能，那么，它是怎么实现的呢？在jQuery中结合Ajax可以很容易实现自动完成的功能。 下面就在jQuery中使用Ajax提交post请求，让服务器端返回自动完成的数据显示在相应的div中。 编写html文件 主要是一个输入框，一个隐藏的div和提交按钮： 输入关键词： 编写CSS样式 为
php制作搜索框_jquery+php实现搜索框自动提示
weixin_35712223的博客
03-09 298
今天突然想给本站做个搜索页面，这样用户可以通过搜索来找到自己喜欢的内容，也避免了在海量信息中手动查找资源的麻烦，我的目标和百度首页的效果类似，当用户输入要搜索的文字时，我们在下方给出相关的十条信息，如果用户要找的就是这十条信息内的某一条，那么简单，直接点击就可在新页面中打开页面，主要就是想更人性化一点，让用户使用起来更方便。先看一下效果图吧，这样更有动力，要不然大家还不知道我在讲什么，到底要达到什...
jQuery文本框输入提示插件：提升用户体验
标题《文本框输入提示》和描述表明了本文档是关于一个特定的jQuery插件，这个插件被设计用来增强文本框的用户体验。文档中提到的插件已经更新到了1.5版本，并且是作者个人编写和经过多个项目测试的成果。此外，文档...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值