ASP.NET中頁面載入時文字框(texbox控制項)內有文字獲得焦點時文字消失

標籤：

代碼如下：

 

<asp:TextBox ID="TextBox1" runat="server" Height="26px" MaxLength="10" Width="166px" Text="請輸入使用者名稱" OnFocus="javascript:if(this.value==‘請輸入使用者名稱‘) {this.value=‘‘;this.style.color=‘#000000‘}"OnBlur="javascript:if(this.value==‘‘){this.value=‘請輸入使用者名稱‘;this.style.color=‘#808080‘}" ForeColor="#808080"> </asp:TextBox>

　　

解析：

1·頁面載入完成後文字框顯示的內容

2·文字框觸發焦點後，清空文字框中原有的文字，並改變字型顏色（也可以添加格式）

3·焦點離開後，判斷文字框中是否有內容，無內容則恢複初始字型及格式

4·頁面載入時文字框中字型的顏色

 

 

密碼框代碼：

<asp:TextBox ID="TextBox2" runat="server" Height="26px" Width="166px" Text="只限數字或字母的組合" OnFocus="javascript:if(this.value==‘只限數字或字母的組合‘) {this.value=‘‘;this.style.color=‘#000000‘;this.type=‘password‘}"OnBlur="javascript:if(this.value==‘‘){this.type = ‘text‘;this.value=‘只限數字或字母的組合‘;this.style.color=‘#808080‘}" ForeColor="#808080"></asp:TextBox>

　　

 

　　

ASP.NET中頁面載入時文字框(texbox控制項)內有文字獲得焦點時文字消失