Добавление водяных знаков в текстовую область

Question

Как добавить водяные знаки, такие как «Enter textarea» для текстовой области.

   <textarea rows = "8" cols = "18" border ="0" class="input" style="border: none;" WRAP id="details" name ="details"></textarea>

Спасибо ..

Answer 1

Я думаю, что вы имеете в виду заполнитель?

В HTML5:

<textarea placeholder="Enter textarea"></textarea>

В HTML4:

<textarea onclick="if (this.value == 'Enter textarea') this.value = '';">Enter textarea</textarea>

Answer 2

Я написал код JQuery для моих целей. я думаю, что это может быть отлично для вашей проблемы

чтобы использовать его для любого текстового поля / поля текста, вам просто нужно добавить класс 'watermark' и добавить атрибут 'placeholder' со значением водяного знака.

например, <textarea rows="2" placeholder="Post your question here" name="query_area" id="query_area" class="watermark">Post your question here</textarea>

код jquery, как показано ниже.

    $(document).ready(function(){

    $(".watermark").each(function(){
       $(this).val($(this).attr('placeholder'));
    });

    $(".watermark").focus(function(){

        var placeholder = $(this).attr('placeholder');
        var current_value = $(this).val();
        $(this).css('color', '#192750');
        if(current_value == placeholder) {
            $(this).val('');


        }

    });

    $(".watermark").blur(function(){

        var placeholder = $(this).attr('placeholder');
        var current_value = $(this).val();

        if(current_value == '') {
            $(this).val(placeholder);
            $(this).css('color', '#676767');
        }

    });
})

Answer 3

вот код

<input type="text"   name="q" size="25" maxlength="255" value=""/ class="googlesearch" onfocus="if(this.value != '') this.className = 'googlesearch2'" onblur="if(this.value == this.defaultValue) this.className = 'googlesearch'" />

от ссылка

надеюсь, что это поможет.

Answer 4

Вот хороший пример использования jQuery

jQuery Watermark

Answer 5

Есть много решений. Одним из них является то, что все элементы формы имеют , а все элементы имеют , чтобы вы знали, к какой метке элемента принадлежит. Затем в CSS вы скрываете некоторые метки, а с помощью JS вы проверяете все скрытые метки и записываете заголовок / содержимое метки в элементы формы, если этот элемент пуст. Затем с помощью JS вы показываете и скрываете этот текст на основе наведенного и введенного текста.