Demo · Pattern Showcase

Kontaktformular

Isoliertes Showcase des contact-form-Fragments. Identisch zur Form-Sektion auf der Startseite, hier mit Erklär-Kontext.

Name

E-Mail

Telefon (optional)

Anliegen

Betreff

Nachricht

Wie es gebaut ist

Validierung: Jakarta Bean Validation (@NotBlank, @Email, @Size)
Server-Endpunkt: POST /api/demo/contact (Mock, 800ms Delay)
Honeypot-Feld _honey für Bot-Erkennung (muss leer sein)
Floating-Labels: reine CSS-Lösung über :placeholder-shown
Progressive Enhancement: funktioniert ohne JavaScript