value Formulartext löschen bei Klick

[Souli]

Moinsen,

auf meiner Seite habe ich eine Suche eingebaut.
In einem Formularfeld soll der Besucher den zu
suchenden Text eingeben.
Damit der Besucher das auch weiss, habe ich per
"value=" einen aussagekräfigen Text in das Formular-
feld eingegeben.

So sieht es aus:

<input name="suchen" type="text" size="50" maxlength="120" value="Bitte den Suchbegriff hier eingeben.">

Leider verschwindet der Text ja nicht, wenn der
Besucher ins Formularfeld klickt. Gibt es in HTML
(oder JavaScript, PHP, CSS...) die Möglichkeit den
vordefinierten Text verschwinden zu lassen, wenn in
das Formularfeld geklickt wird ?

Natürlich kann man den Text per Tastatur oder Maus auch
selber löschen, aber das ist ja nicht so elegant. :-)

Danke
Souli

[Hubert]

Nabend,

Gibt es in HTML (oder JavaScript, PHP, CSS...) die
Möglichkeit den vordefinierten Text verschwinden
zu lassen, wenn in das Formularfeld geklickt wird ?

Mir scheint, also wollest du dich dringend Grundlegend über HTML, JavaScript, CSS sowie deren Zwecke usw informieren.
Aber nun, du brauchst dazu JavaScript. Dort gibt es schöne Event-Handler ([http://selfhtml.teamone.de/javascript/sprache/eventhandler.htm]) mit welchen du auf Ereignisse wie Klicken reagieren und Funktionen aufrufen kannst. So lässt du einfach die Value des Textfeldes neu setzen (http://selfhtml.teamone.de/javascript/objekte/elements.htm#value)

Bis denne,

[Souli]

Ahoi Hubert,

mit JavaScript hatte ich bisher nicht so sehr viel zu tun.
Aber das Problem ist nun gelöst.
"value.this='" brachte mich auf die richtige Spur. :-)

Souli

[Thomas Luethi]

Hallo,

"value.this='" brachte mich auf die richtige Spur. :-)

Wohl eher this.value, nicht wahr?
Waere nett (insbesondere fuer's Archiv), wenn Du
Deine Spur bzw. Loesung hier veroeffentlichen wuerdest.

Ich verwende z.B. in meinem Kontaktformular
http://www.tiptom.ch/meta/kontakt.html
folgendes:

<input type='Text' name='subject' size='25' maxlength='200' value='Betreff' onfocus="if (this.value=='Betreff') this.value='';" onblur="if (this.value=='') this.value='Betreff';">

Gruesse,

Thomas