JavaScript/Tutorials/Formulare

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche

Informationen zu diesem Text

Lesedauer
4x30min
Schwierigkeitsgrad
einfach
Vorausgesetztes Wissen
Kenntnisse in
HTML-Formulare
● JavaScript

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


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.

Hinweis

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