Frage
Wie kann ich am besten ein HTML-Formular mit Text vorbelegen
Frage von coder   |   vom 08.04.2014 - 09:28   |   Kategorie Internet
Ich möchte gerne ein Formularfeld mit Text vorbelegen, und beim klicken soll die Vorbelegung entfernt werden. Hat jemand dafür eine einfache Lösung?
0
Antwort
Antwort von net   |   vom 08.04.2014 - 09:41
Hier ist eine einfache Lösung mit JavaScript ...

Code
01
02
03

<input value="meine Vorbelegung" onclick="if(this.value=='meine Vorbelegung') this.value=''" onblur="if(this.value=="") this.value='meine Vorbelegung'" ...

Beim klicken wird das Formular geleert, aber nur wenn die Vorbelegung vorhanden ist. Sonst würden ja bereits gemachte Angaben verschwinden.

Beim verlassen wird wiederum die Vorbelegung eingesetzt, jedoch nur wenn das Feld leer ist.

Ich hoffe das ist das was du gesucht hast!
0
Antwort
Antwort von web   |   vom 08.04.2014 - 09:48
Es geht auch noch einfacher, und ohne JavaScript. Mit dem Attribut "placeholder" hast du nahezu den selben Effekt.

Hier ein kleines Beispiel für die Formularvorbelegung ....

Code
01
02
03

<input type="text" placeholder="Text für die Vorbelegung" ...

Das ganze funktioniert auch bei dem Formularfeld "textarea".
0