Javascript 向textarea添加水印

如何为textarea添加水印，如“输入textarea”

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

---

谢谢..

我想你是说占位符

在HTML5中：

在HTML4中：

---

输入textarea

我想你指的是占位符

在HTML5中：

在HTML4中：

---

输入textarea

有很多解决方案。其中之一是所有表单元素都有，所有元素都有，这样您就知道元素标签属于哪个元素。然后在CSS中隐藏一些标签，在JS中检查所有隐藏的标签，如果表单元素为空，则将标签标题/内容写入表单元素。然后使用JS，根据悬停和输入的文本显示和隐藏此文本。

有很多解决方案。其中之一是所有表单元素都有，所有元素都有，这样您就知道元素标签属于哪个元素。然后在CSS中隐藏一些标签，在JS中检查所有隐藏的标签，如果表单元素为空，则将标签标题/内容写入表单元素。然后使用JS，根据悬停和输入的文本显示和隐藏此文本。

这是一个使用jQuery的好方法

---

下面是一个使用jQuery的好方法

这是代码

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

从

希望这会有所帮助。

这是代码

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

从

---

希望这会有所帮助。

我已经为我的目的编写了一个jquery代码。 我认为这对解决你的问题可能很好

要将其用于任何文本区域/文本字段，只需添加“水印”类并添加带有水印值的“占位符”属性

e、 g

在此处发布您的问题

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

    });
})

---

我已经为自己的目的编写了jquery代码。 我认为这对解决你的问题可能很好

要将其用于任何文本区域/文本字段，只需添加“水印”类并添加带有水印值的“占位符”属性

e、 g

在此处发布您的问题

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

    });
})

---

在这种情况下，如果用户输入文本并再次单击文本区域，它将再次变为空…将“onclick”更改为“onfocus”，并将“this.value=='Enter textarea'”更改为“this.value==this.defaultValue”，效果会更好！完整的答案是“聚焦”和“非聚焦”在这里：。我也给了你一票！在这种情况下，如果用户输入文本并再次单击文本区域，它将再次变为空…将“onclick”更改为“onfocus”，并将“this.value=='Enter textarea'”更改为“this.value==this.defaultValue”，效果会更好！完整的答案是“聚焦”和“非聚焦”在这里：。我也给了你一票！