jquery - 根据焦点自动显示文本字段上的隐藏值

Question

我有如下所示的文本框：

<%= Html.TextBox("idbox", "Enter Text here", (string)ViewBag.idbox)%>       

 $(document).ready(function () {
        $('input#idbox').focus(function () {
            var txtval = $('input#idbox').val();
            if (txtval == 'Enter Text here') { $(this).val(''); }

        });
        $('input#idbox').focusout(function () {
            var txtval = $('input#idbox').val();
            if (txtval == "") { $('input#idbox').val('Enter Text here'); }
        });
    });

我想在 facebook 上制作类似于消息 textarea 的文本框。因此，如果我单击文本框末尾放置一些字母，则值“在此处输入文本”将隐藏，但如果我再次单击此框，则新值不会隐藏。那是因为 if 语句总是将值与“在此处输入文本”进行比较。如何更改此代码以使我能够根据焦点自动显示隐藏文本值？

Answer 1

改用新placeholder功能：

<input type="text" name="test" value="" placeholder="Enter Text here">

Answer 2

使用文本框的 Html 5属性并在http://caniuse.com/placeholder中检查浏览器兼容性。因为一些旧的浏览器不支持 html 5 属性。

Answer 3

尝试这个，

<%= Html.TextBox("idbox", (string)ViewBag.idbox, new { placeholder = "my watermark" })%>