2011-07-07 53 views
0

我正在尋找一種方式來讓文本框包含一些文本,直到用戶點擊進入他們自己的文本。 它是一個搜索字段,客戶希望文本框在文本框中具有「搜索庫存」,然後當用戶點擊它時,它將變爲空,以便它們可以輸入自己的標準。 我不能在設計視圖中看到onclick或類似的文本框,但任​​何提示?點擊查看asp:textbox?

感謝

回答

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'; " /> 
2

這就是所謂的「佔位符文本」 - 搜索的是,有很多的例子(包括內置在HTML5)

0

預填充值TextBox的Text屬性「搜索股票」。然後使用JavaScript,並在TextBox的OnClick客戶端事件上清除文本。

0

這是一個快速和骯髒的版本。

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