Question

如何为textarea添加“输入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

这是代码

<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'" />

来自link

希望这会有所帮助。

Answer 3

我为我的目的写了一个jquery代码。我认为这可能对你的问题很有帮助

将它用于任何textarea / text字段，你只需添加'watermark'类＆amp;添加带有水印值的'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 4

有很多解决方案。其中之一是所有表单元素都具有＆lt; label for =“XX”＆gt;并且所有元素都具有＆lt; element id =“XX”＆gt;这样您就知道哪个元素标签属于哪个。然后在CSS中隐藏一些标签，并使用JS检查所有隐藏标签，并将标签标题/内容写入表单元素（如果该元素为空）。然后使用JS，您可以根据悬停和输入文本显示和隐藏此文本。

Answer 5

这是一个很好的使用jQuery

jQuery Watermark

将水印添加到textarea

5 个答案: