Formularfelder mit jQuery “beschriften” – jQuery Inline Form Labels

jQuery Inline Form Labels

In seinem Blog hat Trevor Davis eine Methode vorgestellt mit der man unter zuhilfenahme von jQuery “Inline Labels” in Formularen dastellen kann. Das bedeutet: hat man z.B. eine Textbox für die Eingabe der eMail-Adresse, zeigt man in dem Feld z.B. das Wort “eMail” an. Klickt der User nun in das formularfeld oder springt per Tab-Taste hinein, verschwindet das “eMail” und der Benutzer kann wie gewohnt seine Eingabe machen. Sollte er sich dazu entschliessen das Feld ohne Eingabe zu verlassen, erscheint wieder das Inline-Label.

Gerade für Login-Boxen, Suchfelder und ähnliche Felder für die man meistens wenig Platz verschwenden möchte sind solche Einblendungen hilfreich weil man keinen Platz für separate Beschriftungen benötigt.

Verwandte Themen:

1. jQuery.twinkle – Benutzer auf Dinge aufmerksam machen ;-)
2. jQuery SWFObject Plugin
3. jQuery Boilerplate – Rahmen für die PlugIn-Entwicklung
4. Benachrichtigungen im Growl-Stil mit jQuery
5. jQuery TextChange Plugin – Änderungen in Textfeldern erkennen