asp .net textbox實現點擊文本消失

現在越來越多的輸入提示都是直接應用在textbox裏面,當鼠標點擊的時候,默認文字消失,這種效果在以前的一篇文章裏面寫過,請參見《在textbox中實現鼠標點擊文本消失》,那篇文章裏面講到的方法只能實現鼠標點擊,文字消失,當鼠標點擊textbox以外,同時textbox又並沒有輸入任何字符的時候,默認文本是回不來的,下面我們就改變一下,讓默認文本回來!

    1、aspx頁面中的文本框控件

<asp:TextBox ID="textbox1" runat="server">請輸入您的用戶名</asp:TextBox>

2、在相關的cs頁面中

protected void Page_Load(object sender, EventArgs e)    {        textbox1.Attributes.Add("onfocus", "if (this.value=='請輸入您的用戶名') this.value=''");        textbox1.Attributes.Add("onblur", "if (this.value=='') this.value='請輸入您的用戶名'");    }

注:cs頁面中的textbox1爲textbox的id,控件id更換,此處id也必須更換,value後面的文字必須與文本框中的文字相同!

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章