Formularfelder mit jQuery “beschriften” – jQuery Inline Form Labels

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.

Kurz-URLs:http://tinyurl.com/y8gclsd
http://bit.ly/ekWIkW

Verwandte Themen:

  1. jQuery Tagit – Komfortable Tag-Eingabe

Christian

Baujahr 1976, Software-Entwickler und Web-Designer aus Leidenschaft, Erfahrung in gefühlten 9342049 Programmiersprachen (PHP, Perl, C#, VB.Net, VB6, Delphi um nur einige zu nennen), in der Vergangenheit an diversen Open Source Projekten beteiligt (allen voran das gute alte YaBB und YaBB SE)

Ein Kommentar zu “Formularfelder mit jQuery “beschriften” – jQuery Inline Form Labels”

  1. Peter

    Noch ein Schritt weiter geht das Script unter http://fuelyourcoding.com/in-field-labels/