Formular Eingabefeld Value mit onfocus/onblur Ereignissen layout

[molily]

Hallo!

<input type="text" name="fon" id="fon" class="textfield_grey" value="[phone]" onfocus="if(this.value==this.defaultValue){this.class='textfield'; this.value='';}" onblur="if(this.value==''){this.class='textfield'; this.value=this.defaultValue;}"

Der Ansatz ist schon richtig. Allerdings tauscht du gar nicht zwei Klassen gegeneinander aus, sondern setzt für beide Status dieselbe. Außerdem musst du this.className = '…' notieren, da »class« in JavaScript ein <http://de.selfhtml.org/javascript/sprache/reserviert.htm@title=reserviertes Wort> ist und die Eigenschaft daher http://de.selfhtml.org/javascript/objekte/htmlelemente.htm#universaleigenschaften@title=className genannt wurde.

Das ließe sich jetzt natürlich noch verbessern, z.B. indem das JavaScript ausgelagert wird, aber das Prinzip bleibt dasselbe.

Das placeholder-Attribut kennst du, oder? Die neueren Browser haben diese Funktionalität schon eingebaut, d.h. es ist kein JavaScript mehr nötig.

Grüße,
Mathias