Jquery плагин для этого эффекта? и как называется эффект? - PullRequest
Новая
       17

Jquery плагин для этого эффекта? и как называется эффект?

2 голосов
/ 26 января 2011

Я сам реализовал этот эффект несколько раз в необработанном коде jquery, но я хочу использовать его в качестве плагина. Проблема в том, что я не знаю, как он называется для поиска плагина. По сути, поле ввода имеет свою метку бледно-серого цвета внутри самого поля. Когда пользователь нажимает, серая метка исчезает. Если пользователь покинул поле, ничего не печатая, возвращается серая метка. В противном случае, все, что пользователь вводит, остается там. Это действительно просто, у него есть имя, и есть ли плагин для него, чтобы я мог что-то вроде 

$('#blabla').effectname('Label');

Извините, если это глупый вопрос, но я действительно не могу ответить на этот вопрос.

Ответы [ 3 ]

6 голосов
/ 26 января 2011

Похоже, вы описываете ' заполнитель '. Это на самом деле встроено в HTML 5 и поддерживается (на момент написания статьи) WebKit (Chrome + Safari), FireFox 3.7 и выше, а также IE 9 beta (я думаю).

Просто немного покопавшись, я нашел этот плагин jQuery - Заполнитель jQuery .

2 голосов
/ 26 января 2011

Вот один, который я написал давным-давно, я уверен, что он поможет.

Функция: 

function textReplacement(input) {
    var originalvalue = input.val();
    input.focus(function() {
        if ($.trim(input.val()) == originalvalue) {
            input.val('').css("color", "#000");
        }
    });
    input.blur(function() {
        if ($.trim(input.val()) == '') {
            input.val(originalvalue).css("color", "#999");
        }
    });
}

Использование: 

textReplacement($('input#thisID').css("color", "#999"));

Наслаждайтесь!

1 голос
/ 26 января 2011

Он называется водяным знаком или заполнителем .Есть подходящий плагин jQuery, который я использовал без нареканий здесь .В нем есть все виды хороших вещей (например, поддержка перетаскивания!).

Я уверен, что вы также можете найти много других.http://www.google.com/search?q=jQuery+watermark

...