Verschwindender Inputtext
Typ: Html Grundlagen
Stufe:Einfach
Durch den Befehl value="Text" kann man im Input ja einen Text erscheinen lassen.
Doch oft ist es für die Besucher nervig und umständlich den Text erst löschen zu müssen um dann etwas schreiben zu können.
Mit diesem einfachen Codeschnipsel verschwindet euer Inputtext durch Klicken:
<input type="text" name="name" value="Dein Name" onclick="this.value=′ ′">
Beispiel:
<table border="0" width="400" cellspacing="6" cellpadding="0" align="center">
<tr>
<td>Name:</td>
<td><input type="text" name="name" value="Klick mich und ich verschwinde" onclick="this.value=′ ′"></td>
</tr>
</table>
Und wenn ihr wollt, dass der Text wieder erscheint falls der Besucher nichts reingeschrieben und wieder weggeklickt hat, benutzt ihr diesen Code:
<input type="text" name="name" value="Dein Name" onblur="if(this.value==′′) this.value=′username′;" onfocus="if(this.value==′username′) this.value=′′;">
Beispiel:
<table border="0" width="400" cellspacing="6" cellpadding="0" align="center">
<tr>
<td>Name:</td>
<td><input type="text" name="name" value="Dein Name" onblur="if(this.value==′′) this.value=′username′;" onfocus="if(this.value==′username′) this.value=′′;"></td>
</tr>
</table>
4 Kommentare
jeffreecyde
wahaaa geil dankeee <3333 wer ich aufjedenfall brauchen!