【问题标题】:Placeholder for Search-Textbox搜索文本框的占位符
【发布时间】:2011-07-29 00:36:12
【问题描述】:

我相信任何人都知道搜索文本框的占位符行为。 加载页面时,其中有一个字符串,例如“在此处搜索...”,并且一旦用户单击文本框,该字符串就会消失,并且如果用户没有在用户单击后立即插入一些想法,它就会再次出现这个文本框。

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

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

我将在文本框中有一个图像,而不是 playceholder-text 的字符串。 (背景是,TextBox 是一个谷歌搜索,我想要漂亮的彩色谷歌文本而不是无聊的单色“在这里用谷歌搜索..:”)。

有什么想法吗?

【问题讨论】:

    标签: jquery asp.net placeholder


    【解决方案1】:

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

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

    【讨论】:

    • 我可以在这些文本框中插入图像而不是文本作为占位符吗?
    • 作为图像,您唯一能做的就是通过 CSS 更改背景图像。如果您需要这样做,您可以使用我的插件作为示例,而不是更改文本,您可以更改 CSS 类。如果这还不够完整,您可以使用该插件作为启动器来更改页面上的任何内容。由你决定。虽然对于你想要的,我认为使用 CSS 类并交换它们是前进的方向。
    【解决方案2】:

    试试这个 HTML :<input type="text" />

    cssinput{ 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。

    【讨论】:

      猜你喜欢
      • 2019-02-25
      • 2018-10-14
      • 1970-01-01
      • 2017-07-09
      • 1970-01-01
      • 2020-05-27
      • 2014-07-23
      • 2015-08-11
      • 2015-12-15
      相关资源
      最近更新 更多