action: news, reports and issues mag: features, photos and stories photography gallery rave: rants and reports drugs: essential info who do you want to punch today?! footie issues, reports and Cardiff City useless: rubbish games galore! Brixton info and guide bulletin boards: have your say! urban75 news, site updates and blog urban75 homepage click here for help and FAQs
live chat now! search the site mail us subscribe to our mailing list us: meet the crew
web question and answers

« Q & A page

« tech pages

Automatically clearing search/text boxes
by Mike Slocombe

Q: I've noticed that on some sites, simply clicking on a search box or a text box makes the displayed text instantly disappear. I want that for my site! How do I do it?
R Gibbons

A: This handy effect is achieved with just a few lines of JavaScript. Firstly, add the following code in the <HEAD> </HEAD> part of your document:

<script type="text/javascript">
function clearDefault(el) {
if (el.defaultValue==el.value) el.value = ""
// -->

Then use this script in your search/text box:

Email: <INPUT TYPE=text VALUE="E-Mail Address" ONFOCUS="clearDefault(this)"><BR>
Search: <INPUT TYPE=text VALUE="Search Text" ONFOCUS="clearDefault(this)">

Here's an example of the script in action:


More info: Automatically Clear Default Form Values

May 2004

urban75 - community - action - mag - photos - tech - music - drugs - punch - football - offline club - brixton - london - new york - useless - boards - help/FAQs - © - design - contact - sitemap - search