点击查看asp：textbox？

Question

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

感谢

Answer 1

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

这就是所谓的“占位符文本” - 搜索的是，有很多的例子（包括内置在HTML5）

Answer 3

预填充值TextBox的Text属性“搜索股票”。然后使用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>