Frage
von jeffreycolt
10.12.2015, 20:49
HTML Formular - vordefinierten Text verschwinden lassen?

Guten Abend zsm.

Ich hoffe, mir kann hier jemand eine Lösung/Idee geben. Aktuell bin ich grad dran, im HTML ein Formular zu schreiben.

Das ganze ist in einem Form- & Label-Tag verschachtelt (Bin nicht sicher, ob ich den label weglassen könnte). Nun möchte ich z.B. im Name-Feld einen vordefinierten Text haben (z.B. Name oder Ihr Name), welcher allerdings beim reinklicken verschwindet.

Aktuell sieht der Code so aus:

   <label>
            <input type="text" maxlength="30" value="Name" name="Name">

Über den den value gebe ich ihm den vordefinierten Text. Allerdings muss der Besucher dann den Text erst auswählen, löschen und dann reinschreiben. Gibt es die Möglichkeit, dass direkt beim 'reinklicken' in dieses Feld der vordefinierte Text verschwindet, wie man es im Web bei vielen Formularen findet?

Suche nebenbei noch bei w3schools, selfhtml und in Foren, bin aber bisher noch nicht fündig geworden.

Danke für jeden Tipp, wie ich das lösen könnte!

Gruss, jeff

 ...zur Frage
Antwort
von verreisterNutzer
10.12.2015, 21:25

Ich weis nicht sicher warum du das machen willst, ich gehe jetzt davon aus das du dem Nutzer einfach sagen willst, was in den Input rein soll. Dafür ist das Placeholder Attribut da, da wird dann der Text im Hintergrund eingefügt und bei einer Eingabe einfach überschreiben. Falls du unbedingt den Text über Value einfügen willst, dann musst du das per JavaScript machen.

Das habe ich mal schnell gemacht, ist alles andere als Praktisch aber das Prinzip sollte klar werden. http://jsfiddle.net/bLpzo063/

Hoffe ich konnte dir Helfen

LG

 ...zur Antwort