手机版

基于JQuery 点击文本框显示隐藏的提示文本

时间:2021-10-11 来源:互联网 编辑:宝哥软件园 浏览:

比如我网站的搜索框:不用的时候:

点击鼠标后:

用JQuery实现这个效果非常简单,下面是代码:复制代码如下: $(文档)。ready(function(){ var search box=$(' # CTL 00 _ txt search ');search box . focus(function(){ if(search box . val()==this . title){//textbox控件的ToolTip属性转换为Html作为title属性search box . val(');} });searchbox . blur(function(){ if(searchbox . val()=' '){ searchbox . val(this . title);} });search box . blur();});其中#ctl00_txtSearch是搜索框的ID(ASP.NET可以通过ClientID获取这个ID)。

版权声明:基于JQuery 点击文本框显示隐藏的提示文本是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。