我正在尋找一種方式來讓文本框包含一些文本,直到用戶點擊進入他們自己的文本。 它是一個搜索字段,客戶希望文本框在文本框中具有「搜索庫存」,然後當用戶點擊它時,它將變爲空,以便它們可以輸入自己的標準。 我不能在設計視圖中看到onclick或類似的文本框,但任何提示?點擊查看asp:textbox?
感謝
我正在尋找一種方式來讓文本框包含一些文本,直到用戶點擊進入他們自己的文本。 它是一個搜索字段,客戶希望文本框在文本框中具有「搜索庫存」,然後當用戶點擊它時,它將變爲空,以便它們可以輸入自己的標準。 我不能在設計視圖中看到onclick或類似的文本框,但任何提示?點擊查看asp:textbox?
感謝
<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'; " />
這就是所謂的「佔位符文本」 - 搜索的是,有很多的例子(包括內置在HTML5)
預填充值TextBox的Text屬性「搜索股票」。然後使用JavaScript,並在TextBox的OnClick客戶端事件上清除文本。
這是一個快速和骯髒的版本。
<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>