html input box..... remove value with javascript

Hi All,

I'm not sure if this can be done, but I have an input box (as part of a search form) that looks like this:

<INPUT size=18 value="Search coming soon" name=query>

Code (markup):

What I want to do is have the value="Search coming soon" dissapear when a browser clicks into the box.

Any help??????

 

<input size="18" value="Search coming soon" id="query" name="query" 
onclick="this.value = ''" />

Code (markup):

I don't code JS, this might not be the best way to do it, but it works!

 

excellent nullbit......

Worked like a dream....

Thanks

 

but let say if you already typed something the text field, and you reclick at it, the value will be erased too isn't it?
maybe there are a better solution than this;