Ausbreitung des Coronavirus führt zu immer mehr Tafel-Schließungen

Um 1,6 Millionen bedürftige Tafel-Nutzer:innen jetzt nicht allein zu lassen, ruft Tafel Deutschland e.V. zu Solidarität und Unterstützung auf. Sie wollen helfen? Informationen finden Sie unter tafel.de.

Coronacharityshop.png

Eine weitere Möglichkeit ist der Einkauf im CoronaCharityShop – alle Einnahmen gehen zu 100 % an die Tafeln. Herzlichen Dank für Ihre Unterstützung.

HTML/Tutorials/Formulare

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche

Webformulare ermöglichen es Benutzern zwischen Optionen zu wählen oder Daten wie Adressen, Termine und Texte einzugeben und diese zur Weiterverarbeitung abzusenden. In diesem Kurs erfahren Sie , wie Sie Formulare in HTML auszeichnen und mit CSS und JavaScript benutzerfreundlicher und zugänglicher gestalten können.


  1. Was ist ein Webformular?
    • Datenübertragung
    • Funktionsweise von Buttons
  2. Semantischer Code
  3. Beschriftungen
    • Hinweise mit label
    • Beispielwerte mit placeholder
  4. browsereigene Validierung mit HTML5
    • Eingabemuster mit pattern
    • Pflichtfelder
  5. Gestaltung mit JavaScript
    • Gruppierung mit fieldset
    • ausgrauen mit disabled
    • Fortschrittsanzeige mit progress
    • Slider mit Ergebnisausgabe
  6. Buttons und Schalter (Anwendungsbeispiele)
    • Radio-Buttons verstecken
    • Flip-Flop-Schalter
  7. Suchformulare (Anwendungsbeispiele)
    • Vorschläge mit datalist
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.


Siehe auch[Bearbeiten]

Weblinks[Bearbeiten]

deutsch

englisch