Wie bekomme ich Formularwerte, die verschwinden, wenn ich das Feld betrete?

8

Ich mache ein einfaches Formular mit etwa acht Eingabefeldern. Ich möchte den Anfangswert in dem Feld angeben, was Personen eingeben sollen. Zum Beispiel value="name", damit die Leute dort ihren Namen eingeben können.

Meine Frage ist jedoch, wie erhalten Sie den Anfangswert zu verschwinden, wenn sie das Feld eingeben, so dass der Anfangswert nur ein Hinweis und kein permanenter Wert ist, den sie löschen müssen, bevor sie ihren Namen eingeben können? p>

Danke!

    
fmz 01.10.2009, 17:02
quelle

5 Antworten

21

Legen Sie den Standardwert auf "Name" fest. Dann löschen Sie das Feld mit javascript und dem 'onfocus' Event.

Sie hätten also:

%Vor%     
Erich 01.10.2009, 17:05
quelle
31

Ein viel einfacherer Weg könnte möglicherweise sein:

%Vor%     
Matt 17.07.2011 14:33
quelle
6

So sollten Sie es tun.

%Vor%

Wenn sie darauf klicken und auf klicken, wird der Standardwert zurückgehen. Wenn sie darauf klicken und etwas eingeben, versucht sie nicht, das zu löschen, was sie tun, wenn sie zurückgehen, um sie erneut anzuklicken.

    
Mickey 01.10.2009 17:20
quelle
3

Grundlegendes JavaScript:

%Vor%     
Daniel S 01.10.2009 17:05
quelle
1

Nur für S & amp; G dachte ich, ich würde eine wiederverwendbare jQuery-Lösung für dieses Problem veröffentlichen.

%Vor%

Dann müssen Sie einfach jedes Element mit einem ID-Attributwert verknüpfen. Wie so:

%Vor%

Dadurch wird auch das Formularelement mit seinem ursprünglichen Wert neu gefüllt, wenn sein Inhalt gelöscht wird. Wie auch immer, hoffentlich ist das hilfreich für jemanden.

    
twiz 13.10.2012 19:06
quelle

Tags und Links