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

本文关键字：文本 中文 消失 | 更新日期: 2023-09-27 18:01:27

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

我想我的文本框中的文本消失时，我在文本框中点击我能够实现的onfocus，我已经使用....

但是，当文本框为空时，我希望显示之前输入的值，如果它是第d次，即…如果我之前没有输入任何文本，那么默认值("Your text here")应该会出现。

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

感谢你。

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

如果你的浏览器支持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();

您可以这样做。声明一个全局变量，获取当前值，然后点击使值为空，如果当前输入为空，则重新赋值。

<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>

希望有所帮助

相关文章：