Какой плагин JQuery я должен использовать для "заполнителя"?

Question

В Интернете на большинстве сайтов есть окно поиска.Некоторые из этих полей поиска имеют текстовый заполнитель search ... , который при появлении курсора в поле поиска отображался.Это сделано с помощью jQuery?Если так, как я могу использовать это?

Answer 1

Это может быть функция HTML5, называемая заполнителем. Не требует JavaScript ( см. Доказательство ). Это работает так:

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

В качестве альтернативы вы можете просто использовать некоторые расширения, перечисленные, например. здесь .

Answer 2

В HTML5 есть новый атрибут placeholder, который позаботится об этом изначально.Если вы не можете использовать HTML5 по какой-либо причине, здесь есть запасной вариант jquery: http://www.hagenburger.net/BLOG/HTML5-Input-Placeholder-Fix-With-jQuery.html

Answer 3

Для этого не требуется плагин.

Вы должны связать состояния .focus () и .blur () поля ввода

при фокусировке () вы очищаете текстовое поле, при размытии (), если ничего не вводите, возвращаете значение по умолчанию

Проверьте это демо.

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