If I set a textarea/input element's value to "Click here" how can I make "Click here" go away after it is selected?

onclick="this.value='' " or onfocus

Be aware that IF the user clicks back into the field it WILL clear their input.

Hi Madman340.

Quick example:

<script>
function clearValue( object ) {
	if ( object.innerHTML == 'Click here' ) {
		object.innerHTML = '';
	}
}
</script>

<textarea onFocus="clearValue( this );">Click here</textarea>

I think that is exactly what I'm looking for 2wdh, although how would I do that with an input area? (Such as a search bar)

I don't know javascript, so I'm pretty helpless at this point.


Right now I have this:

<script>
   function clearValue( object ) {
	if ( object.innerHTML == 'search' ) {
	object.innerHTML = '';
	}
   }
</script>

<input type="text" onFocus="clearValue( this );" name="search" value="search" id="search_text" size="14" />

Hi Madman340.

For input field it should be object.value. I.e.:

<script>
   function clearValue( object ) {
	if ( object.value == 'search' ) {
	object.value = '';
	}
   }
</script>

<input type="text" onFocus="clearValue( this );" name="search" value="search" id="search_text" size="14" />

Feel free to ask if you need any further assistance.