c# - 文本框中文本的消失和重新出现

Question

<asp:TextBox ID="TextBox2" runat="server" value="Your Text here" onfocus=" this.value = '';" onblur="if(this.value == '') ****{ this.value='?????'; }****"></asp:TextBox>

当我单击文本框时，我希望文本框中的文本消失，我可以通过我使用过的 onfocus 来实现这一点......

但是，当文本框为空时，我希望显示之前输入的值，如果是第一次输入，即如果我之前没有输入任何文本，则应显示默认值(“此处为您的文本”)。

例如:我第一次单击文本框并输入值“80”，然后再次单击文本框，内部的值应该清除，如果我没有输入任何值并单击外部，则文本框中应显示“80”，而不是“此处的文本”。

谢谢你。

Answer 1

如果您的浏览器支持 HTML5:

<input type="text" placeholder="Your Text here" />

如果您想支持默认情况下不支持的浏览器的占位符属性，这里有一个 JavaScript 后备:

$('[placeholder]').focus(function() {
   var input = $(this);
   if (input.val() == input.attr('placeholder')) {
       input.val('');
       input.removeClass('placeholder');
   }
}).blur(function() {
    var input = $(this);
    if (input.val() == '' || input.val() == input.attr('placeholder')) {
        input.addClass('placeholder');
        input.val(input.attr('placeholder'));
    }
}).blur();