how to make light or shadow text in textbox

Question

1.00/5 (1 vote)

See more:

ASP.NET

please can anybody help me that how to write a light text on textbox and when user click on the textbox it text hide

Posted 29-Sep-15 7:17am

Member 11963532

Add a Solution

Comments

Sergey Alexandrovich Kryukov 29-Sep-15 14:47pm

Not clear. If you hide element, its color does not matter. Are you talking about text selection of changing colors?
—SA

Richard Deeming 29-Sep-15 15:15pm

I suspect the two people who have posted solutions have worked out what he means. :)

Sergey Alexandrovich Kryukov 29-Sep-15 15:46pm

Hopefully... Thank you, Richard.
—SA

2 solutions

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)

Sreekanth Mothukuru · Accepted Answer · 2015-09-29T07:48:00

Solution 1

You have a property called "placeholder" for input control. Try to set value to it. The light text will disappear when user enters any text in the textbox and not by clicking on it.

Check this: http://jsfiddle.net/LgfLqa0a/[^]

Posted 29-Sep-15 7:48am

Sreekanth Mothukuru

Manas_Kumar · Accepted Answer · 2015-09-29T07:53:00

Solution 2

Try below code:

ASP.NET

<asp:textbox ID="txtName" runat="server" placeholder="Enter Name"></asp:textbox>

Here it uses placeholder property of HTML5. Once user will focus on textbox "Enter Name" will hide.

If you want to implement it manually through javascript then please go through below link:
http://www.c-sharpcorner.com/Blogs/13860/how-to-set-watermark-in-Asp-Net-textbox.aspx[^]

Posted 29-Sep-15 7:53am

Manas_Kumar

Updated 29-Sep-15 7:54am

v2

Comments

Member 11963532 29-Sep-15 15:36pm

thmx lott bro its really nice and simple and due to this we dont need to write java script functions and other its simply works