CSS
Diese Seite drucken Hier können Sie uns eine Emaiil schreiben zurück Zur Übersicht vorwärts Links | Archiv   Letzte Änderungen 21.08.2019
     
Trick: Hovereffekte für Formulare
Normale Formulare sind öde. Mit einem kleinen Trick können Sie inputFeldern die gleichen Effekte zuweisen, wie Sie es von Hoverbuttons schon kennen.

Alles was Sie hierfür benötigen sind- neben dem üblichen HTML Code - ein paar Zeilen JavaScript.

<html>
< head>
< style type="text/css">
body {font-family: Arial;}
input {background: #white}
< /style>
< /head>
< body>
< form>
Name:<input
onFocus="this.style.backgroundColor='#c6e4f4'" onBlur="this.style.backgroundColor='white'">
< br>
Vorname:<input onFocus="this.style.backgroundColor='#c6e4f4'" onBlur="this.style.backgroundColor='white'"><br>
< input type="submit" value="abschicken">
< /body>
< /html>