Question

在网络上，大多数网站都有搜索框。其中一些搜索框有一个搜索... 占位符文本，当在搜索框中设置光标时，会显示此文本。这是用jQuery完成的吗？如果是这样，我该如何使用它？

Answer 1

这可能是名为占位符的HTML5功能。它不需要JavaScript（see proof）。它的工作原理如下：

<input type="text" placeholder="search" name="search" />

或者您可以使用列出的某些扩展名，例如。 here

Answer 2

无需插件即可。

您必须绑定输入框的.focus（）和.blur（）状态

on focus（）清除文本框，如果没有输入则返回模糊（）返回默认值

检查此演示。

http://jsfiddle.net/QvPCX/

HTML

<input type="text" name="search" id="search" value="Search.." />

JS

jQuery('input[name="search"]').focus(function() {
        if (jQuery(this).val() == "Search..") {
            jQuery(this).val('');
        }
    }).blur(function() {
        if (jQuery(this).val() == "") {
            jQuery(this).val('Search..');
        }
    });

Answer 3

HTML5中有一个新的placeholder属性可以原生地处理这个问题。如果由于某种原因无法使用HTML5，则可以在此处使用jquery回退：http://www.hagenburger.net/BLOG/HTML5-Input-Placeholder-Fix-With-jQuery.html

我应该将哪个jQuery插件用于“占位符”？

3 个答案: