Free web development scripts for the webmasterDevelopment Scripts

 social media marketing services
 Site Navigation
Clicky Web Analytics
 o Development Scripts
 o Text Only Edition
 o News
 o Tutorials
 o Register an account
 o New entries this week
 o Affiliates/Links
 o Contact Us
 o About us
 o Advanced Search

 Browse Path
 o 1 user online
 o Most users online: 67
 o Home
  o Javascripts
   o Forms Manipulation
    o Script

 Member Login
User Name

Valid XHTML 1.0!

 Recommended Links
 o PHP Freaks
 o Paper Free Invoicing
 o Tutorials
 o Expired Domain Crawler

Clear a textfield when a user clicks on it (Rated 0)


The trick is to only clear the textbox when the default text is displayed - so the user doesn't lose their input. This is done by comparing the value in the textbox and the value in a hidden field.

Code starts here

function clearText(textElement, defaultElement)
if (textElement.value == defaultElement.value)
textElement.value = "" ;

<form name="myForm">
<input type="text" name="keyword" value="Enter keyword here..." onClick="JavaScript: clearText(this, document.myForm.defaultText);">
<input type="hidden" name="defaultText" value="Enter keyword here...">

Submitted by MattK on 06-01-2006 8:35

Recent Additions (from all categories)

(PHP) T Shirt Printing Software

(PHP) Youtube Video Organizer Script

(PHP) MP3z - MP3 Search Engine Script

(PHP) Recipez- PHP Recipe Script

(ASP) Stop image hotlinking and downloading. Web image protection is easy with Image Trapper.

Top Rated Scripts

(Javascripts) Javascript Delayed Redirection Rating: 5

(PHP) Random Links and images with PHP & MySQL Rating: 5

(PHP) RSS/XML news feed headline grabber! Rating: 5

(PHP) Random Signatures/Avatars Rating: 5

(Javascripts) Detecting Client Web Browser Rating: 5

© Copyright 2003 -  Web Analytics