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 benutzerfreundlicher und zugänglicher gestalten können.

  1. Was ist ein Webformular?
    • Datenübertragung
    • Buttons
      • Formulare absenden
      • Clientseitige Aktionen auslösen
      • Formulare zurücksetzen
  2. Beschriftungen
    • Hinweise mit label
    • Beispielwerte mit placeholder
  3. browsereigene Validierung
    • Eingabemuster mit pattern
    • Ober- und Untergrenzen
    • Pflichtfelder mit required
  4. Gliederung
    • fieldset und legend
    • progress
  5. Gestaltung mit CSS (Anwendungsbeispiele)
    • Radio-Buttons verstecken
    • Bonbon-Buttons
    • Ghost-Buttons
    • Flip-Flop-Schalter
  6. Suchformulare (Anwendungsbeispiele)
    • Vorschläge mit datalist




Siehe auch[Bearbeiten]

Tutorials[Bearbeiten]

Referenz[Bearbeiten]


Weblinks[Bearbeiten]

deutsch

englisch