Text inside a text box that must be cleared when clicked

Question

I am using ASP.NET.

I am not sure what you will call this but I would like text to be displayed in my text box called txtName. So when the form load the text box will have faded text that will say "Required". Then when the user click inside the text box i want the user to place a value inside the text box.

Is this possible in ASP.NET? If so, how can this be done????

Answer 1

If you can use the MS AjaxControlToolkit, there is a watermark extender that will do precisely that.

MS Ajax TextBoxWatermark Extender

If not, you can probably find a jQuery plugin or roll your own javascript. Using server-side events will probably not do what you want.

Answer 2

Here's a great jQuery plug-in:

http://www.mudaimemo.com/p/formnotifier/

Answer 3

Try something like this:

<asp:TextBox ID="txtName" runat="server"
                            onclick="if (this.value == 'Required') {this.value=''}"
                            Width="275px">Required</asp:TextBox>

Answer 4

If using the Ajax Toolkit is an option or makes sense there is a tool in the tool box called textbox watermark (see http://www.asp.net/AJAX/AjaxControlToolkit/Samples/TextBoxWatermark/TextBoxWatermark.aspx)

Answer 5

onClick is a client side event. onFocus may be better. You can use txtName.Attributes.Add("onFocus", "this.value = '';this.style.color = 'black';")

Put it in the Page's PreRender event.

Answer 6

best to use Jquery plugin In field Labels http://fuelyourcoding.com/in-field-labels/