Programmierung Javascript
Formularfelder markieren

Formulare ___

In umfangreichen Formularen verlieren die Nutzer schnell den Überblick.Da hilft es, das aktuelle Eingabefeld ein wenig hervorzuheben. Das geht am einfachsten per Javascript und CSS. Das folgende Beispiel ändert die Umrandung eines Eingabefeldes, sobald es den Fokus erhält. Das passiert zum Beispiel dann, wenn der Besucher der Seite in das Feld klickt. Verlässt der Besucher das Feld wieder, verliert das Feld den Fokus und färbt sich wieder normal. Das Programm dazu sieht so aus:

Zunächst definieren Sie die beiden Stilvorlagen für die Umrandung als Klassen. Danach geht es an das Kernstück: Die Funktion changeCSSClass erwartet als Parameter ein Element und die Bezeichnung der Klasse, die es zuweisen soll. Anhand der mit element.id ermittelten eindeutigen Kennung des Elements kann Javascript der Eigenschaft class Name nun eine neue Klasse zuweisen.