Mit CSS l�sst sich dem Besucher helfen, und das angeklickte Eingabefeld optisch hervorheben. Selbst der Internet Explorer 6 kommt damit aber nicht zurecht, er braucht etwas Javascript f�r den gleichen Effekt.
Mozilla und Opera verstehen die CSS Eigenschaften hover und focus n�mlich nicht mehr nur ausschlie�lich bei Links, auch bei Formularen k�nnen Sie Anwendung. Wird per Style-Definition das Input-Feld optisch etwas versch�nert, l�sst sich auch gleich das Aussehen bei Mausber�hrung (hover) und Aktivierung (focus) definieren:
<html><head>
<style type="text/css">
input {
border: 1px solid black;
background-color: #A5A2A2;
margin: 5px;
padding: 2px 2px 2px 5px;
vertical-align: top;
}
input:focus { background-color: #E3E3E3; }
input:hover { background-color: #E3E3E3; }
</style>
</head>
<body>
<input type="text" name="Name"<br>
Mozilla und neue Opera-Browser kommen damit klar und �ndern die Input-Feld-Farbe von dunkelgrau nach hellgau. Der IE 6 hinkt hier hinterher und versteht diese Anweisung nur in Bezug auf Hyperlinks. Ein einfacher Farbwehsel ist aber nichts neues, mit den Style-Anweisungen lie�e sich zum Beispiel das aktuelle Eingabefeld oder dessen Schrift vergr��ern. So f�llt es nicht nur besonders auf, es hilft gerade kurzsichtigen Besuchern gut weiter.
Damit der Internet Explorer also auch bei Klick auf das Feld die Farbe wechselt und der Besucher das aktive Feld deutlich unterscheiden kann, braucht es die Javascript Events onclick und onblur.
<input type="text" name="Name"
onclick="this.style.background='#E3E3E3';"
onblur="this.style.background='#A5A2A2';">
<br>
Der erste �ndert die Farbe bei Aktivierung des Feldes in helleres grau, der zweite sorgt daf�r dass alles r�ckg�ngig gemacht wird, wenn das n�chste Feld angeklickt wird. Um auch den Hover-Befehl zu simulieren, l�sst sich mit "onmouseover" und "onmouseout" dem Feld eine weitere Farbe zuweisen.