Text in Input-Feldern durch einen Klick entfernen

Geschrieben am 31. Aug 2009
Kategorien: PC & Internet

Es kommt ab und zu vor, dass man dem User über ein Formularfeld (Input) eine Mitteilung, Information oder ähnliches übermitteln möchte, bevor dieser etwas in ein Formularfeld eintippt,  dies lässt sich über value=”" relativ leicht regeln.

Nur blöd daran ist, dass der Besucher diese Nachricht dann aufwendig entfernen müssen. Doch dies lässt sich mit einem kurzen JavaScript Code sehr elegant beheben. Der Code sieht wiefolgt aus:

<input name="bla" value="ich bin eine Nachricht" 
onclick="if(this.value=='ich bin eine Nachricht')this.value='';" 
onblur="if(this.value=='')this.value='ich bin eine Nachricht';" 
/>

Der Text “ich bin eine Nachricht” muss überall gleich sein, damit es wie gewünscht funktioniert.
Ein sehr einfacher Code, aber unserer Meinung nach sehr effektiv :)

Hinterlasse einen Kommentar