C# 文本框中文本的消失和再现

C# 文本框中文本的消失和再现,c#,javascript,jquery,asp.net,visual-studio-2010,C#,Javascript,Jquery,Asp.net,Visual Studio 2010,当我点击文本框时,我希望文本框中的文本消失,我可以通过我使用的onfocus来实现这一点 但是,当文本框为空时,我希望显示以前输入的值,如果是第一次,即,如果我以前没有输入任何文本,则应显示默认值(“此处的文本”) 例如:我第一次点击文本框并输入值“80”,然后再次点击文本框,里面的值应该清除,如果我没有输入任何值并点击外面,那么文本框上应该显示“80”,而不是“你的文本在这里” 谢谢。如果您的浏览器支持HTML5: <asp:TextBox ID="TextBox2" runat="se

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

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

例如:我第一次点击文本框并输入值“80”,然后再次点击文本框,里面的值应该清除,如果我没有输入任何值并点击外面,那么文本框上应该显示“80”,而不是“你的文本在这里”


谢谢。

如果您的浏览器支持HTML5:

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

你可以像这个例子那样做。声明一个全局变量,将当前值设置为blur上的值,然后单击使该值为null,然后重新指定当前输入的值是否为null

$('[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();

load('jquery','1.3.1');
var pre_值=“”;
函数clicked(){pre_value=$('#test').val();$('#test').val('')}
函数outted(){if($('#test').val()='')$('#test').val(pre#u值);}

希望有帮助

我想您正在寻找一个。当我单击文本框时,该值不会被清除,如果文本框为空,则不会显示上一个值,而只显示默认占位符值。您可以告诉我一个不使用google.load的替代方案…一个没有google.load函数的简单jQuery脚本used@ashutosh:代码不需要google.load。普通的jqueryinclude将起作用。我添加它是为了使它独立。您可以删除“google.com/jsapi”>google.load('jquery','1.3.1');而是添加通常的jquery脚本include。
$('[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();
<script src="https://www.google.com/jsapi"></script>
<script>
google.load('jquery', '1.3.1');
</script>
<body>
    <input type="text" value="Your text here" id="test" onclick="clicked();" onblur="outted();">
    <script>
    var pre_value = '';
    function clicked(){ pre_value = $('#test').val(); $('#test').val('');}

    function outted(){ if($('#test').val() == '') $('#test').val(pre_value); }
    </script>
</body>