Search box: come cancellare il "CERCA"?

[flapane]

Ho inserito un box di ricerca che sfrutta il CSE di Google:

<div>     
<form id="cse-search-box" action="http://www.foo.com/google2.php">        
<div>          
<div align="center">            


             <input type="hidden" value="xxxxxxxxxxxxx" name="cx" />             
<input type="hidden" value="FORID:9" name="cof" />             
<input type="hidden" value="UTF-8" name="ie" />             
<input name="q" type="text" value="Cerca nel sito..." size="31" />           
</p>            
<div style="color: rgb(255, 255, 255);">
</div> 
</div>       
</div>     
</form>   
</div> 

Come posso fare in modo che, cliccando sul box, scompaia la scritta "Cerca nel sito"?
Inoltre, come posso fare in modo che, dopo aver scritto qualcosa nel box ed aver refreshato la pagina, riappaia di nuovo "Cerca nel sito" e non rimanga la stringa di ricerca?

Grazie

[Vincent.Zeno]

tutto con JavaScript

sposto

[flapane]

Pensavo si trattasse di qualcosa da sistemare nel tag input

[flapane]

up

[flapane]

            <input name="q" type="text" value="Cerca nel sito..." onfocus="if (this.value == 'Cerca nel sito...') this.value='';" 			onblur="if (this.value == '') this.value='Cerca nel sito...';" size="31" />