Clicking makes text disappear

[MacMyDay]

I've seen this before, yet can't remember where to get the source from. But, it had a value in the text box yet when clicking on it the text disappeared and you could carry on typing. Can anyone offer the code? Thanks

[requestcode]

Something like this?
<input type="text" name="txta" value="some text" onClick="this.value=''">

[MacMyDay]

Perfect. Thanks.

[Charles]

That example has one little problem. Every time the user clicks on the field it will be cleared. You might want to use instead:

<input type="text" name="txta" value="some text" onclick="this.value=''; this.onclick = function () {}">

[MacMyDay]

This is probably gonna sound really stupid, but how do I modify that for <textarea></textarea>

[AdamBrill]

Originally posted by Charles
That example has one little problem. Every time the user clicks on the field it will be cleared. You might want to use instead:

<input type="text" name="txta" value="some text" onclick="this.value=''; this.onclick = function () {}"> The problem with this is that if they had it do something else onclick, then it would clear that, too. Correct me if I'm wrong, but I think this is better:<input type="text" name="txta" value="some text" onclick="(this.clicked)?'':this.value=''; this.clicked=true;">MacMyDay, you would put it in a textarea like this:<textarea name="txta" onclick="(this.clicked)?'':this.value=''; this.clicked=true;">Some text</textarea>

[Charles]

That works as well, though it's only going to be better if you're doing other things with the onclick. And you could modify my version so that the other thing was assigned to the handler. Or you could use the "onfocus" handler.

Also, because of JavaScript's automatic garbage collection I tend to avoid creating properties and variables.

[requestcode]

Another option would be to select the text when focus placed on the text box then when they start typing it would erase the text in their. If they don't want the text erased then they could alwas just move the cursor with the cursor key.
<input type="text" name="txta" value="some text" onFocus="this.select()">

You could also do the same for a textarea.