How to create a textbox watermark?

Question

I wish to create a textbox watermark without using either Ajax or JavaScript. How can I do this?

you should accept the answer if it helped - otherwise provide some feedback. — Greg Sansom, May 02 '11 at 01:15
Without using JS your watermark will still be present even when text has been entered. — Mitch Satchwell, Oct 29 '12 at 08:36

score 7 · Answer 1 · answered Aug 03 '16 at 09:57

7

It is very easy. In html we can give the placeholder attribute for input elements.

e.g.

<input type="text" name="fst_name" placeholder="First Name"/>

answered Aug 03 '16 at 09:57

apm

score 1 · Answer 2 · answered Jan 04 '11 at 06:22

1

You can assign a background image with CSS like so.

textarea { 
    background-image: url(yourwatermarkimage); 
    background-attachment: scroll;
}

answered Jan 04 '11 at 06:22

Loktar

score 0 · Answer 3 · answered Oct 29 '12 at 08:28

0

answered Oct 29 '12 at 08:28

Hitesh Gawhade

1

it works well, if you are submitting the text and dont enter anything, submit wont save any text. – Hitesh Gawhade Oct 29 '12 at 08:39

3 Answers3