Question

我正在寻找一种让文本框包含一些文字的方法，直到用户点击它来输入自己的文字。它是一个搜索字段，客户希望文本框在文本框中有“搜索库存”，然后当用户点击它时，它变为空，这样他们就可以输入自己的标准。我不能在文本框的设计视图中看到onclick或类似的，但有任何提示吗？

感谢

Answer 1

它被称为“占位符文本” - 搜索它，有很多例子（包括内置在html5中）

Answer 2

<asp:TextBox runat="server" value="Search Stock" ID="textbox1"
             onfocus="if (this.value == 'Search Stock')  this.value = ''; "
             onblur="if (this.value == '')  this.value ='Search Stock'; " />

Answer 3

预填充TextBox的Text属性，其值为“Search Stock”。然后使用javascript，并在TextBox的OnClick客户端事件上...清除文本。

Answer 4

这是一个快速而又脏的版本。

<asp:TextBox ID="overlayTextbox" runat="server"ForeColor="#A0ABC6" Text="Search Stock" onfocus="hidePlaceholder(this);"></asp:TextBox>

以及隐藏placehoder的脚本：

    <script type="text/javascript">
    function hidePlaceholder(sender) {
        var overlayHidden = sender.getAttribute('placeholderHidden');
        if (overlayHidden != '1') {
            sender.setAttribute('placeholderHidden', '1');
            sender.value = "";
            sender.style.color = "#000000";
        }
    }
</script>

点击asp：textbox？

4 个答案: