Beispieltexte in <input>-Feldern

Ich habe folgendes Problem:
Ich möchte in einer Form beispieltexte in den Feldern haben, die verschwinden, sobald man in das Feld klickt und die auch wieder auftauchen, sollte man nichts in das Feld hineinschreiben und es verlassen.

Das funktioniert mit dem folgenden Quelltext auch so weit nur

  • wenn ich während ich etwas in das input-feld schreibe auf eine leere stelle in diesem Feld klicke, wird der Inhalt gelöscht.

Weiß jemand wie man das unterbinden kann?

<style type="text/css">
.test {
    width:100%;
    color:#999999;
 }
</style>


<script type="text/javascript">
activated = false;

function activate(obj) {
	if(!activated) {
		obj.value = '';
		obj.style.color='#000000';
	}
}
function deactivate(obj, value)  {
    if(obj.value == '') {
        obj.value = value;
        obj.style.color='#999999';
        activated = false;
    } else {
        activated = true;
    }
}
</script>

<div>
<form name="external_link">
	<p><input type="text" class="test" name="ext_url" value="http://www.example.com"
    			 onclick="activate(this)" onblur="deactivate(this, 'http://www.example.com')" /></p>
</form>

</div>

In der Funktion prüfen, ob es sich um eine Benutzereinabe handelt oder eben um die Vorgabe.

Danke, hat funktioniert…