How to write something in textbox until user clicks it

Question

I wanna have a the text "Username" in the username-Textbox in gray until the user clicks it. When he enters something the box should be empty auhtomaticly and black color again.

How to do that?

possible duplicate of [Input placeholders for Internet Explorer](http://stackoverflow.com/questions/5522164/input-placeholders-for-internet-explorer) — CodeCaster, Sep 29 '13 at 11:27

Tomzan · Answer 1 · 2013-09-29T11:31:33.583

1

You should check asp.net ajax watermark extender for cross browser compatibility:

Link

First you need to include ajaxToolkit, then you can use it like this:

<ajaxToolkit:TextBoxWatermarkExtender ID="TBWE2" runat="server"
    TargetControlID="**YouTextBoxID**"
    WatermarkText="Type First Name Here"
    WatermarkCssClass="watermarked" />

edited Sep 29 '13 at 11:31

answered Sep 29 '13 at 11:11

Tomzan

2,808
14
25

score 1 · Accepted Answer · answered Sep 29 '13 at 11:14

modern browsers which support css3 like chrome allows a placeholder attribute to the input elements. Example:

<input name="username" placeholder="User name" />

Reference: http://www.w3schools.com/tags/att_input_placeholder.asp

Alternative is to use javascript onfocus/onblur to show/delete the placeholder text inside textbox

score 1 · Answer 3 · edited May 23 '17 at 12:28

1

As @rajesh mentioned, you can use placeholder attribute in modern browsers.

For older browsers, search for "html textbox watermark". Here's some good javascript solutions,

edited May 23 '17 at 12:28

Community

1
1

answered Sep 29 '13 at 11:21

Kamyar

18,639
9
97
171

How to write something in textbox until user clicks it

3 Answers3