Текст описания в текстовом поле?

Question

Я хочу поместить текст описания в светло-серый в текстовое поле. затем, когда пользователь нажимает на него, текст исчезает, и он может печатать все, что хочет.

Есть ли плагин JQuery для этого? Я не знаю, что искать в Google.

Answer 1

http://digitalbush.com/projects/watermark-input-plugin/

Answer 2

Да, то, что вы хотите, относительно просто сделать. Проверьте следующую ссылку:

JQuery Watermark

Answer 3

http://tlporfolio.site11.com/jdesc.html

Это самая простая вещь, которую я когда-либо использовал. Добавить к div только с одной строкой кода, даже установить, сколько раз он будет отображаться на основе куки. Технически, даже когда вы закрываете браузер и снова открываете его, он считается одним разом.

Answer 4

$(document).ready(function() {
    $('#IDofTextField').css({'color': '#aaaaaa', 'font-style': 'italic'});
    $('#IDofTextField').attr('value', 'Your text in here');
    $('#IDofTextField').focus(function() {
        $('#IDofTextField').css({'color': '#000', 'font-style': 'normal'});
        $('#IDofTextField').attr('value', '');
    });
    $('#IDofTextField').blur(function() {
        if ($('#IDofTextField').val() == '') {
            $('#IDofTextField').css({'color': '#aaaaaa', 'font-style': 'italic'});
            $('#IDofTextField').attr('value', 'Your text in here');
        }
    });
});