Html Textarea占位符

时间:2010-11-12 20:45:00

标签: jquery html input textarea

我有一个textarea,当它处于焦点时应该清空文本持有者,当失焦时应该取回原始文本或保留在焦点时写入的任何文本。

修改

我知道如何选择文字区域。 $( “文本域”)文本();

我不确定当你点击textarea什么都没有时如何清除内容,然后在没有焦点时再次取回内容。

2 个答案:

答案 0 :(得分:14)

只需添加占位符参数:

<input type="text" name="name" placeholder="input placeholder" />
<textarea name="comment" placeholder="textarea placeholder"></textarea>

答案 1 :(得分:8)

您似乎正在尝试在textarea中获取指令,然后如果删除该值,则会再次获得指示。试试这个

<textarea id="a">Message</textarea>

var standard_message = $('#a').val();
$('#a').focus(
    function() {
        if ($(this).val() == standard_message)
            $(this).val("");
    }
);
$('#a').blur(
    function() {
        if ($(this).val() == "")
            $(this).val(standard_message);
    }
);

您可以看到它正常工作here