JavaScript/Tutorials/Formulare

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche

Text-Info

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.

ToDo[Bearbeiten]

ToDo (weitere ToDos)

Diese Kurse müssen jetzt vervollständigt und überprüft werden.

HTML/Tutorials/Formulare

Dieser Kurs steht so seit einigen Jahren und soll zeigen, wie man Formulare in HTML auszeichnet und barrierefrei macht.

JavaScript/Tutorials/Formulare

Ein neuer Kurs, der die Seiten zu Formularen mit JavaScript zusammenführt.

--Matthias Scharwies (Diskussion) 08:01, 16. Jun. 2020 (CEST)