einfach
gut
Kontaktformular (sauber)
Referenzimplementierung: <label for>, type="submit", korrekte WebMCP-Attribute - "so sollte es funktionieren".
Formular öffnen →WebMCP Playground
Testumgebung der mindshape Online Marketing Unit zum manuellen und agentengestützten Testen von WebMCP. Jedes Formular unten steht für einen gezielten Testfall (Komplexität × Codequalität sowie Sonderfälle wie Ajax, Honeypot, Hidden Fields, Autosubmit, Alpine.js und Multi-Step-Wizard).
Nutze den Banner oben, um WebMCP global an-/auszuschalten, oder hänge
?webmcp=on /
?webmcp=off an jede URL an, um den Zustand deterministisch per Link zu erzwingen
(praktisch für Agenten-Skripte). Details siehe Testleitfaden.
einfach
schlecht
Kontaktformular (schlecht)
Keine <label>, nur Placeholder, div-Buttons statt button[type=submit], keine id/for-Kopplung.
Formular öffnen →
komplex
gut
Anfrageformular (sauber)
Viele Felder, <fieldset>/<legend> fuer Radiogruppen, saubere Gruppierung, klare Feldnamen.
Formular öffnen →
komplex
schlecht
Anfrageformular (schlecht)
Generische name="field1", verschachtelte div-Suppe, type="button" + onclick-Submit statt nativem Submit, ungekennzeichnete Pflichtfelder.
Formular öffnen →
mittel
gut
Ajax-Kontaktformular
Kein Seiten-Reload; testet SubmitEvent.respondWith() statt Navigation.
Formular öffnen →
komplex
gemischt
Mehrstufiges Anfrageformular
Schritte per JS ein-/ausgeblendet - demonstriert bewusst die Grenze der Declarative API (Kandidat fuer Imperative API, kein Fix in diesem Projekt).
Formular öffnen →
mittel
gut
Formular mit reaktiver Validierung
Nachbau des lifta.de-Falls: Alpine.js x-model + clientseitige Rules; testet, ob Agent-Befuellung mit reaktiven Frameworks kollidiert.
Formular öffnen →
einfach
gut
Formular mit Honeypot + Time-Trap
Verstecktes Honeypot-Feld (fax) + Mindestausfuellzeit; testet, ob Agent-Submits faelschlich als Spam geblockt werden.
Formular öffnen →
mittel
gut
Formular mit vielen Trackingfeldern
Viele hidden-Inputs (UTM, campaign_id, ...) wie im lifta-Case; testet, ob diese im generierten JSON-Schema landen und den Agenten verwirren.
Formular öffnen →
einfach
gut
Gleiche Form, mit/ohne toolautosubmit
Zwei Varianten derselben Form; testet Human-in-the-loop- vs. Autosubmit-Verhalten.
Formular öffnen →
einfach
gemischt
Seite mit zwei Formularen
Reproduziert die Gefahr "zwei Tools auf einer Seite" (z. B. PLZ-Suche + Hauptformular).
Formular öffnen →