2013-08-16 53 views
0

空的文本框我有一個文本框: -文本框中默認的文本,焦點

<asp:TextBox ID="TextBox3" runat="server" BackColor="Silver" 
      BorderColor="Silver" Height="20px" Style="margin-left: 6px" Width="136px" OnFocus = "onfocus(); return false;"></asp:TextBox> 

function onfocus(){ document.getElementById('<%=TextBox3.ClientID%>').value = "";} 

與它默認的文本,在頁面加載: -

protected void Page_Load(object sender, EventArgs e) 
     { 
      if (!IsPostBack) 
      { 
       // By Default the date of submission is set to current date. // 
       TextBox3.Text = "Enter Member ID"; 
      } 

當客戶點擊文本框中,我希望清除默認文本(空文本框),以便客戶端可以輸入實際的ID,而不必手動刪除默認文本。

但是,我正在形象化的方法與我寫的代碼無關。

+3

你可以考慮使用HTML5的'placeholder' – mshsayem

回答

5

你怎麼樣只是您的輸入使用placeholder

<asp:TextBox ID="TextBox3" placeholder="Member ID" .... ></asp:TextBox> 
+0

哇,壞蛋。謝謝 – Philo

+0

這不適用於IE。 顯然你必須使用: - https://github.com/mathiasbynens/jquery-placeholder/blob/master/jquery.placeholder.js 仍然無法人物如何使用該庫和編輯代碼。你能幫我嗎? – Philo