TextBox default text on load, empty textbox on focus

Question

I have a text box:-

<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 = "";}

with default text on it, on page load:-

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";
            }

When the client clicks on the textbox, I want the default text to be cleared (empty textbox), so that the client can enter the actual ID and not have to manually delete the default text.

However the method I am visualizing, isn't working with the code that I have written.

you can consider to use html5's placeholder

mshsayem
– mshsayem

2013-08-16 19:05:02 +00:00
Commented Aug 16, 2013 at 19:05 — mshsayem
– mshsayem, Commented Aug 16, 2013 at 19:05

tymeJV · Accepted Answer · 2013-08-16 19:04:39Z

5

How about you just use a placeholder on your input:

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

answered Aug 16, 2013 at 19:04

tymeJV

105k14 gold badges165 silver badges158 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Philo Over a year ago

This doesn't work with IE. apparently you have to use this:- github.com/mathiasbynens/jquery-placeholder/blob/master/… still cant figure how to use that library and edit the code. Can you help?

Collectives™ on Stack Overflow

TextBox default text on load, empty textbox on focus

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related