
Formularantworten sinnvoll weiterverarbeiten
Wie aus Formularantworten nutzbare Informationen werden: Empfangswege, Auswertung, Benachrichtigung und Löschung im Überblick.
Formular-Baukasten
Stellen Sie Ihr Formular aus neun Feldtypen zusammen, prüfen Sie es am Desktop und am Handy und kopieren Sie den fertigen HTML- und CSS-Code in Ihre Website.
Ihre Eingaben bleiben lokal im Browser. Der erzeugte Code speichert Antworten nicht selbst; wie sie bei Ihnen ankommen, erklären wir weiter unten.
Der Baukasten
Das Kontaktformular ist als Beispiel vorausgefüllt. Ihre Eingaben bleiben lokal in diesem Browser und werden nirgends hochgeladen.
Ziehen am Griff oder Pfeiltasten am Griff ändern die Reihenfolge.
Noch keine Felder. Wählen Sie links einen Feldtyp, um zu beginnen.
Die Vorschau zeigt genau den Code, den Sie unten kopieren können, samt Fehlertexten.
Barrierefreier HTML- und CSS-Code mit Beschriftungen, Fehlertexten und aria-Attributen. Die Fehlertexte stehen im Code und lassen sich anpassen.
Das Formular selbst. Fügen Sie diesen Code an der Stelle Ihrer Seite ein, an der das Formular erscheinen soll.
Die Gestaltung. Binden Sie sie als eigene Datei oder in einem style-Bereich ein. Alle Klassen beginnen mit „cx-“.
Prüft die Eingaben und zeigt die Fehlertexte an. Ohne dieses Skript übernimmt der Browser die Prüfung mit eigenen Meldungen.
Der gesamte Stand des Baukastens. Speichern Sie ihn, um das Formular später weiterzubearbeiten.

So funktioniert es
Ein Formular besteht aus zwei Teilen: der Eingabemaske auf Ihrer Seite und einem Empfänger, der die Angaben entgegennimmt. Dieser Baukasten liefert die Eingabemaske. Damit Antworten bei Ihnen ankommen, braucht es zusätzlich einen Empfänger oder eine App, die sie annimmt, speichert und weiterleitet.
Genau hier setzt die Brücke zu Cortexion an: Sie beschreiben im Chat, welches Formular Sie brauchen, und erhalten Auswertung, Benachrichtigung und Übersicht der Antworten.
HTML, CSS und JavaScript setzen Sie in Ihre Seite ein. Noch keine Seite dafür? Sie können eine Website mit KI erstellen.
Die Adresse im Attribut action nimmt die Angaben entgegen, etwa ein Formular-Dienst oder ein Skript auf Ihrem Server.
Ob Tabelle, Postfach oder Cortexion: Erst der Empfänger macht aus Eingaben nutzbare Antworten.
Funktionen
Alles, was für ein sauberes Kontakt-, Anmelde- oder Reklamationsformular nötig ist, ohne Konto und ohne Installation.
Je Feld legen Sie Beschriftung, Pflichtfeld und Hilfetext fest. Die Reihenfolge ändern Sie per Ziehen oder mit den Pfeiltasten.
Schalten Sie zwischen Desktop und Handy um und probieren Sie die Fehlertexte direkt aus.
Sichtbare Beschriftungen, aria-Attribute und Fehlertexte, die das erste fehlerhafte Feld ansteuern.
Einwilligungs-Checkbox mit Link auf Ihre eigene Datenschutzerklärung, Honeypot gegen Spam und ein Hinweis zur Datensparsamkeit. Mit JSON sichern Sie den Stand und laden ihn später wieder.
Weiterlesen und ausprobieren
Von Kontakt bis Schadensmeldung: Mit einem Klick in den Baukasten laden und anpassen.
Alle Vorlagen ansehenBeschreiben Sie das Formular in einem Satz und lassen Sie passende Felder vorschlagen.
Beschreibung ausprobierenDatensparsamkeit, sparsame Pflichtfelder, Einwilligung nur wo nötig und verschlüsselte Übertragung.
Hinweise lesenAus dem Blog

Wie aus Formularantworten nutzbare Informationen werden: Empfangswege, Auswertung, Benachrichtigung und Löschung im Überblick.

Eine feste Obergrenze gibt es nicht. Orientierungswerte je Formulartyp und Wege, ein langes Formular zu kürzen oder aufzuteilen.

Sieben typische Fehler beim Kontaktformular und wie Sie sie vermeiden: von Pflichtfeldern über Fehlermeldungen bis zum fehlenden Empfänger.
Häufige Fragen
Nein. Der Code zeigt das Formular und prüft die Eingaben im Browser. Die Angaben nimmt erst ein Empfänger entgegen, den Sie im Attribut action eintragen, etwa ein Formular-Dienst, ein eigenes Skript auf Ihrem Server oder Cortexion.
Nein. Der Baukasten merkt sich Ihren Stand nur im lokalen Speicher Ihres Browsers. Löschen Sie die Browserdaten, ist er weg. Sichern Sie wichtige Formulare deshalb als JSON-Datei.
Kein Werkzeug kann das allein sicherstellen. Der Baukasten bietet Optionen, die zu einem datensparsamen Formular passen: Einwilligungs-Checkbox, Honeypot und einen Hinweis zur Datensparsamkeit. Was Ihre Datenschutzerklärung enthalten muss und ob eine Einwilligung nötig ist, hängt von Ihrem Zweck ab. Das ist keine Rechtsberatung.
Auf jeder Seite, in die Sie eigenen HTML-, CSS- und JavaScript-Code einfügen können, zum Beispiel über einen HTML-Block im Website-Baukasten, im Redaktionssystem oder in einer selbst gebauten Seite.
Über einen Empfänger, der die Angaben annimmt. Das kann ein Dienst Ihrer Wahl sein oder die Brücke zu Cortexion: Dort beschreiben Sie im Chat, welches Formular Sie brauchen, und erhalten Auswertung, Benachrichtigung und Übersicht.