Question

Please check out the jsfiddle link below:

http://jsfiddle.net/H49EC/1/

As you can see it is two search boxes with a button below it. How can I have it so text is in each box but when each box is clicked the text disappears?

Also if the box is clicked but nothing is entered the text reappears.

Thanks guys, I have been searching but I am unsure of what this is called or what language needs to be used.

Thanks again!

James

Answer 1

Use placeholder attribute on your inputs.

<input type='text' placeholder='whatever' />