ASP.NET TextBox 當滑鼠點選後清空預設提示文字

[ 方法一]

前臺程式碼：

<div>
<asp:TextBox ID="txtName" runat="server"></asp:TextBox>
<asp:TextBox ID="txtPwd" runat="server"></asp:TextBox>
<asp:Button ID="btnLongin" runat="server" Text="提交" />
</div>

後臺程式碼：

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

public partial class _Default : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
//使用者輸入
txtName.Attributes.Add("Value", "請輸入使用者名稱");
txtName.Attributes.Add("OnFocus", "if(this.value=='請輸入使用者名稱') {this.value=''}");
txtName.Attributes.Add("OnBlur", "if(this.value==''){this.value='請輸入使用者名稱'}");
//密碼輸入
txtPwd.Attributes.Add("Value", "請輸入密碼");
txtPwd.Attributes.Add("OnFocus", "if(this.value=='請輸入密碼'){this.value=''}");
txtPwd.Attributes.Add("OnBlur", "if(this.value==''){this.value='請輸入密碼'}");

//
if (!IsPostBack)
{
//內容
}
}
}

[ 方法二]

前臺文字框裡新增下面2個事件屬性：

OnFocus="javascript:if(this.value=='提示文字') {this.value=''}"

OnBlur="javascript:if(this.value=='') {this.value='提示文字'}"

-----------------------------------例-----------------------------------------

<asp:TextBox ID="txtName" runat="server" Text="請輸入使用者名稱"

OnFocus="javascript:if(this.value=='請輸入使用者名稱') {this.value=''}"

OnBlur="javascript:if(this.value==''){this.value='請輸入使用者名稱'}">

</asp:TextBox>

<asp:TextBox ID="txtPwd" runat="server" Text="請輸入密碼"

OnFocus="javascript:if(this.value=='請輸入密碼') {this.value=''}"

OnBlur="javascript:if(this.value==''){this.value='請輸入密碼'}">

</asp:TextBox>