Formulareingabe: Vorgegebener „Value“ verschwindet bei Klick
Es taucht immer wieder die Frage auf, wie man in einem Eingabefeld eines Formulars den vorgegebene Wert ("value") verschwinden lassen kann. Hier finden Sie dazu 2 Lösungvorschläge:
1. Der vorgegebene Wert verschwindet beim Klicken ins Formularfeld und erscheint auch nicht wieder, wenn das Feld leer verlassen wird:
Die beiden Code-Zeilen für die Eingabe sehen in diesem Beispiel dann wie folgt aus:
[php]<input id="newsletter_vorname" type="text" name="field[2277,0]" value="Ihr Vorname" onfocus="if(this.value=='Ihr Vorname') this.value='';" />
<input id="newsletter_adresse" type="text" name="email" value="Ihre E-Mail Adresse" onfocus="if(this.value=='Ihre E-Mail Adresse') this.value='';" />
[/php]
2. Im zweiten Beispiel verschwinden die Vorgabewerte beim Klick in die Felder und erscheinen wieder, wenn die Felder leer verlassen werden. Der Code dazu sieht wie folgt aus:
[php]<input id="newsletter_vorname" type="text" name="field[2277,0]" value="Ihr Vorname" onfocus="if(this.value=='Ihr Vorname') this.value='';" onblur="if(this.value=='') this.value='Ihr Vorname';" />
<input id="newsletter_adresse" type="text" name="email" value="Ihre E-Mail Adresse" onfocus="if(this.value=='Ihre E-Mail Adresse') this.value='';" onblur="if(this.value=='') this.value='Ihre E-Mail Adresse';" />
Auf unserer Seite wurde im Fall der Newsletter-Anmeldung das zweite Beispiel umgesetzt.
