搜索文本框的占位符

时间:2011-04-04 08:50:38

标签: jquery asp.net placeholder

我相信任何人都知道搜索文本框的占位符 - 行为。 当页面加载时,其中有一个字符串,如“在这里搜索...”,一旦用户点击字符串diappears进入TextBox,如果用户没有插入一些想法,用户就会立即再次出现这个文本框。

目前我使用JQuery Placeholder-Plugin在我的ASP.Net-Page中实现。

我提出了一些问题,也许插件不支持我想要的东西,也许它支持,不知道:

我会在文本框中有一个图像而不是播放器文本的字符串。 (背景是,TextBox是一个谷歌搜索,我希望有一个漂亮的彩色谷歌文本,而不是一个无聊的单色“搜索谷歌这里..:”)。

有什么想法吗?

2 个答案:

答案 0 :(得分:1)

我在JQuery中为此编写了一个插件,对于咯咯笑,我在这里发布: Jquery Plugin page

出于某种原因,我将其称为默认框。那是因为它使用了文本框的dom默认值。也许这对你有帮助吗?

答案 1 :(得分:1)

试试这个 Html <input type="text" />

css input{ background: url(http://profile.ak.fbcdn.net/hprofile-ak-prn1/71158_111108655596607_6920099_n.jpg) no-repeat left top }

Javascript $('input:text').keyup(function (e) { $(this).css('background', 'none'); if($(this).val() == ""){ $(this).css('background', 'url(http://profile.ak.fbcdn.net/hprofile-ak-prn1/71158_111108655596607_6920099_n.jpg) no-repeat left top'); } }); 我希望工作完美kovu。