JavaScript/Tutorials/Formulare

Webformulare ermöglichen es den Benutzern zwischen Optionen zu wählen oder Daten wie Adressen, Termine oder Texte einzugeben und diese zur Weiterverarbeitung abzusenden.

Dieser Kurs baut auf HTML/Tutorials/Formulare auf und zeigt, wie Sie Formulare mit JavaScript auswerten und benutzerfreundlicher und zugänglicher gestalten können.

1. Formulareingaben auswerten‏‎
   • value-Eigenschaft
   • Element ansprechen
   • Slider mit Ergebnisausgabe
2. Gestaltung mit JavaScript
   • verbesserte Passworteingabe
   • Gruppierung mit fieldset
   • ausgrauen mit disabled
   • Fortschrittsanzeige mit progress
3. Verkettete Auswahllisten
   • AjaX
4. WYSIWYG-Editor
   • textarea gestalten
   • Text selektieren
   • Text an Cursorposition einfügen
5. Formulareingaben validieren‏‎
   • Constraint Validation API
6. Suchen und Filtern

Beachten Sie: Webseiten sind für Menschen gemacht. In Formularen spielt die Nutzerführung eine besonders große Rolle. Oft genug geben Benutzer entnervt auf, was nicht nur den Benutzer, sondern auch den Seitenersteller frustriert, da z. B. ein Online-Shop von zufriedenen Kunden lebt.

• Erheben Sie nur die Daten, die Sie unbedingt benötigen!
• Geben Sie Hilfen beim Ausfüllen des Formulars und bei der Korrektur falsch ausgefüllter Felder.
• Fassen Sie Gruppen zusammengehörender Felder zusammen.

Siehe auch: HTML/Tutorials/Formulare/Benutzereingaben zugänglich gestalten

Hinweis:

Wenn Sie persönliche Daten erheben, müssen Sie darauf in Ihrer Datenschutzerklärung hinweisen.

• Eingaben mit JavaScript auswerten