Tekst in form verdwijnt onMouseClick

Beste mensen,


Ik ben bezig met een website en ik wil graag mooie forms hebben. Het maken van een background image voor mijn forms met CSS lukt wel, maar nu wil ik tekst in de form hebben waar de naam van de form in staat. Dus als je de form username hebt, moet er in de form in het zilver, met lettertype Arial 13 'username' staan. Als je op de form klikt om het in te vullen, moet de tekst meteen verdwijnen en kun je de form invullen.

Een voorbeeld is: spele.nl. Bij het zoekveld verdwijnt de tekst in de form waarna je als gebruiker je zoekopdracht kan geven.

Zover ik weet wordt dit gedaan met JavaScript, vandaar dat ik het hier heb geplaatst. Als het fout is, mijn excuses hiervoor.


Mvg,
Piet

Iets van dit?

Heel erg bedankt jongens, met jullie hulp is het weer gelukt!

Ik heb nu een klein probleempje. Ik heb nu drie velden: username, password and email. Bij username en email kan ik gewoon <input type="text"... typen, maar bij password wordt het <input type="password"... Het probleem nu is dat omdat de input type bij wachtwoord password is, komt de label, dus de tekst die de naam van de form laat zien ook in wachtwoord vorm, dus er komen puntjes. Bij het wachtwoord veld moet er met normale letters password staan, maar als de gebruiker op de form klikt waarna de tekst password verdwijnt, moet de tekst die de gebruiker invoert in password vorm in beeld komen, dus met balletjes.