Clear Textboxes When Clicked

Name: Clear Textboxes When Clicked
Rating: 5 (1 reviews)
Author: Naresh

If you have a form on your website with a textbox, this code is for you. Find the textbox in your code, and add this inside the tag:

HTML Code

onclick="this.value=''"

When people click the textbox to type in information, the box will clear.

Here is an example of what your code should look like:

HTML Code

<input type="text" name="textbox" value="testing" onclick="this.value=''" />

Author:

Naresh

Views:

2,405

Rating:

Posted on Monday 9^th June 2008 at 04:53 AM

Adam981

is there anyway to have it clear if someone also tabs to the password field?

Posted on Friday 6^th June 2008 at 06:44 PM

ashwill

Fantastic, I've been looking for something like this. Thanks.. :)

Posted on Friday 6^th June 2008 at 03:48 PM

Adam981

LOL! nevermind my mistake :(

Posted on Friday 6^th June 2008 at 03:47 PM

Adam981

wow, that just doesnt work for me...

<input type='text' value='Name' onclick='this.value='' name='username' size='10' maxlength='25'>

Posted on Tuesday 11^th March 2008 at 07:48 PM

cyruswu

This is a very ok way of explaining. He probably didn't even used it in his unsecured user system.

Posted on Saturday 21^st July 2007 at 04:56 PM

ilyas-shezad
ilyas-shezad's Avatar

fth8er u make it too complicated :@ :P
its alryt u can use onclick="this.value=''"
Noticed that i used ' ' instead of speech marks

Posted on Monday 7^th May 2007 at 07:29 PM

Diablosblizz
Diablosblizz's Avatar

Maybe you should post your user system. I had a tutorial for the Naresh system and I got stuck.

It may be helpful for some.

Posted on Monday 7^th May 2007 at 03:11 PM

FtH8er

P.S. I have Found That Something Like This:

Code

        <input type="password" size="15" maxlength="25" name="password" class="forminputb" onclick="if (this.value == 'Password') { this.value = ''; }" onfocus="if (this.value == 'Password') { this.value = ''; }" onblur="if (this.value == '') { this.value = 'Password'; }" type="password" value="Password" />
        

Works Alittle Better. Scicne It Clears The Form And keeps the form cleared unless there is nothing in the text box. But Yours Works As Well.

Posted on Sunday 6^th May 2007 at 05:40 PM

FtH8er

Nice little script man. But for the people that are just beginning, the actual code should be:

onclick="this.value=''" (for my usersystem, which is naresh's or w.e.)

while you had this:

onclick="this.value='"

But you need to have '' after the value= so it tells it to put nothing in there. But all in all great job and nice tut.