12x bewertet

Verschwindender Inputtext

von Coconutshake  |  18.11.2009 um 22:11 h
Html Grundlagen
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!
am 18.11.2009 um 22:40 Uhr


Murderprincess

Ah wow, das ist ja cool ;) Vielen Dank. Schön erklärt.
am 19.11.2009 um 14:52 Uhr


SmaX

Sowas habe ich schon lange gesucht! Danke!
am 19.11.2009 um 17:20 Uhr


Sadako

woah wie ewig ich danach gesucht habe! danke!
am 30.12.2009 um 01:13 Uhr