Making a text field with disappearing text inside?

Question

I'm making a simple form with two text fields for a log in. i want text inside the text field to say "email address here" and the other one say "password here."

The thing is I got the text in there, but I want the text to disappear when you click inside the field. This way, the user doesnt have to backspace to get rid of the text. make sense?

here's my code so far...

Log into website

Answer 1

Answer 2

not sure you can do that with form code... perhaps java script

however is there a way to make the text automatically highlight when they click on the box? if so then more savy users will begin tying and the orignal text will delete when they start inputing their name and password...

good luck

Answer 3

You could have a "Clear Form" button that eaither causes the server to send out a blank one or calls a javascript function to clear the text.

Answer 4

you need to add some javascript:

onfocus="if(this.value=='email address here'){this.value='';}"

add this to the input tag for the text field.

for the password one, it would be best if you used "password" as the input type, that way the entry would be hidden as they enter it but you should be able to do similar to above.

Answer 5

never seen that before...nice upgrade