Hello forum members,

I am very new to javascript and really appreciate the support I've gotten from this forum so far. I wonder if you can help me figure something else out?

My issue starts with a simple three input form like the one below.

<form action="" method="">
<input type="text" value="Name:" />
<input type="text" value="Email:" />
<textarea>
Write your message.</textarea>
</form>
As you can see, I have set the title of each field as the value. This approach seems to reduce the clutter of a typical form, however- it raises one important challenge. The value must be highlighted and deleted when the user goes to type something in.

The functionality I'm looking for clears the value when a person clicks OR TABS in to the input field. It is also important that the value never be empty because my values title each field and without that reminder, who knows what the user might do.

I've done my best to start simple. Google has pointed me in the following direction:

<form action="" method="" name="myform">
<input type="text" value="Name:" name="myname" onclick="document.myform.myname.value='';"/>
<input type="text" value="Email:" name="myemail" onclick="document.myform.myemail.value='';"/>
<textarea onclick="document.myform.mytext.value='';">
Write your message.</textarea>
</form>
This is a great, clean and simple solution.. to the first of three problems. All this code does is remove the value. When the field loses focus it remains empty. Further to that, once the value is cleared even refreshing my browser doesn't return the titles.

This functionality seems so practical in theory. Please send me any ideas you have!

THANKS!