Search Bar Question

[sammiedawg]

I have a search bar that says "Search here"

How can I have it so when the user clicks the search bar, the "Search here" text disappears?

thanks!!

[satis]

javascript. Let's say this is your search bar

<input text="search here">

you can put javascript in there to detect when someone focuses on the box

<input text="search here" onfocus="this.value=''">

that's this.value='' (two single quotes). Basically, when focus is moved to the control, javascript takes this (the input box) and sets its value to '' (nothing).

The negative here is that if someone types something into it, then clicks away, then clicks back, the text gets wiped again. If that becomes a problem (99% of the time it wouldn't be) you can work around it, but I'd probably start moving to a function solution rather than doing it inline in the element.

Hope that helps.

[Croc Hunter]

Here's an example. The third line specifically.

<form method="get" id="top-search" action="http://www.your-domain.com/">
	<fieldset>
	<input type="text" id="top-s" name="s" value="Type text to search here" class="input-text"/>
	<input type="submit" id="top-search-submit" value="Search" class="input-submit"/>
	</fieldset>
	</form>