Besser ist es, vernüftiges Markup zu verwenden, das sieht dann etwa so aus:
<label for="email">E-Mail-Adresse</label> <input type="text" name="email" id="email" />
>
> Das `<label />`{:.language-html}- und das `<input />`{:.language-html}-Element positionierst du mit CSS übereinander (das `<label />`{:.language-html} liegt unten drunter, das `<input />`{:.language-html}-Element hat einen transparenten Hintergrund.
>
> Beim `:focus`{:.language-css} auf das `<input />`{:.language-html}-Element, tauscht du den transparenten Hintergrund gegen einen soliden - das hat den Effekt, dass man "E-Mail-Adresse" nicht mehr sieht.
>
> Für Browser die mit `:focus`{:.language-css} auf `<input />`{:.language-html}-Elemente nichts anfangen können, kannt du zusätzlich ein JavaScript einbauen.
>
Hi suit,
danke für die flotte Antwort.
Ich glaub dann würde ich das lieber gleich komplett über ein JS realisieren. Hast du ne Idee, wo ich sowas finde, weil von JS hab ich keine Ahnung...
Greets
Bruzzler