How to remove the text from textbox

Question

0.00/5 (No votes)

See more:

Hi All,

i have assigned a default string of text to a text box. now i want if someone click on that textbox, value inside the textbox gets removed.

i am using below code but its not working and giving me an error.

C#

public void TextBox_GotFocus(object sender, RoutedEventArgs e)
{
   TextBox tb = (TextBox)sender;
   tb.Text = string.Empty;
   tb.GotFocus -= TextBox_GotFocus;
}

can anyone please help me in resolving this issue.

Posted 4-Aug-13 9:05am

jonlink01

Updated 4-Aug-13 9:10am

CHill60

v2

Add a Solution

Comments

[no name] 4-Aug-13 15:07pm

"giving me an error" and that error would be.... ?

CHill60 4-Aug-13 15:11pm

Do you really mean to remove the GotFocus handler?

jonlink01 4-Aug-13 15:13pm

No, suppose i have assigned a default text = mm//dd//yy to my textbox.

now i want when user click on text box mm//dd//yy gets removed. so that user can update a correct date in a correct format

[no name] 4-Aug-13 15:16pm

It's called a "watermark". See http://www.asp.net/ajaxlibrary/HOW%20TO%20Use%20the%20TextBoxWatermark%20Control.ashx[^]

Maciej Los 4-Aug-13 15:33pm

Post it as an answer. My virtual 5!

Dholakiya Ankit 5-Aug-13 3:11am

use maskeditor for this one

4 solutions

Solution 1

Use a ASP.NET WaterMark textBox from WaterMark Textbox[^]. It is in Ajax Toolkit.
Also can view..
How to used watermark in asp.net for Textbox[^]
http://oneaonej.blogspot.com/2012/10/ajax-control-toolkit-textboxwatermark.html[^]
http://www.aspdotnet-suresh.com/2011/10/how-to-create-watermark-textbox-using.html[^]

Posted 4-Aug-13 9:28am

ridoy

Updated 4-Aug-13 9:34am

v3

Solution 2

Please try this.

<input type="text" placeholder="mm/dd/yy" onblur="if(this.value==''){ this.placeholder='mm/dd/yy';this.style.color='#293f46';}" autocomplete="off" id="datepicker" style="color: rgb(41, 63, 70);"/>

Demo URL
Demo URL

Posted 4-Aug-13 18:12pm

Renju Vinod

Solution 4

why you are writing too much code.check out below code:

<asp:TextBox ID="txt" runat="server" value="test" onfocus="if(this.value=='test')txt.value='';" onblur="if(this.value=='') this.value='test';"></asp:TextBox>

please mark if it helps you.

thanks

Posted 4-Aug-13 21:44pm

kk2014

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

macmacmacmac · Accepted Answer · 2013-08-04T21:22:00

try this one:

ASP.NET

<asp:TextBox ID="new_range1" onChange="newobjCompute()"  onFocus="this.value=''; return false;" runat="server" BorderWidth="0px" Height="47px"
                           Width="90px" style="text-align: center">0</asp:TextBox>

see the "onFocus" tag? set a value for your textbox first. if you click the textbox, it will delete the default value to null.