我应该使用哪个jQuery插件作为“占位符”

Which jQuery plugin should I use for a "placeholder"?

本文关键字：占位符 插件 jQuery 我应该      更新时间：2023-09-26

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

这可能是HTML5的一个叫做占位符的功能。它不需要JavaScript(见证明)。它是这样工作的:

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

或者，您可以使用一些列出的扩展例如。这里。

不需要插件。

你必须绑定输入框的。focus()和。blur()状态

on focus()清除文本框，on blur()如果没有输入则返回默认值

Check this Demo.

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..');
        }
    });

在HTML5中有一个新的placeholder属性，它可以本地处理这个问题。如果你因为任何原因不能使用HTML5，这里有一个jquery的备用方案:http://www.hagenburger.net/BLOG/HTML5-Input-Placeholder-Fix-With-jQuery.html

相关文章：