Formular-Baukasten

Online-Formular erstellen: Felder wählen, Vorschau sehen, Code kopieren

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

Formular zusammenstellen

Das Kontaktformular ist als Beispiel vorausgefüllt. Ihre Eingaben bleiben lokal in diesem Browser und werden nirgends hochgeladen.

Felder (0)

Ziehen am Griff oder Pfeiltasten am Griff ändern die Reihenfolge.

    Noch keine Felder. Wählen Sie links einen Feldtyp, um zu beginnen.

    Hinweise zu datensparsamen Formularen

    Live-Vorschau

    Die Vorschau zeigt genau den Code, den Sie unten kopieren können, samt Fehlertexten.

    Code zum Kopieren

    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.

    Eine Frau arbeitet an einem Holzschreibtisch am Fenster am Laptop, daneben liegen Unterlagen, ein Smartphone und eine Tasse, im Raum stehen Zimmerpflanzen

    So funktioniert es

    Der Code zeigt das Formular, er speichert keine Antworten

    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.

    Formular mit Auswertung per Chat bauen

    1. Formular bauen und Code kopieren

      HTML, CSS und JavaScript setzen Sie in Ihre Seite ein. Noch keine Seite dafür? Sie können eine Website mit KI erstellen.

    2. Empfänger festlegen

      Die Adresse im Attribut action nimmt die Angaben entgegen, etwa ein Formular-Dienst oder ein Skript auf Ihrem Server.

    3. Antworten auswerten

      Ob Tabelle, Postfach oder Cortexion: Erst der Empfänger macht aus Eingaben nutzbare Antworten.

    Funktionen

    Was der Baukasten kann

    Alles, was für ein sauberes Kontakt-, Anmelde- oder Reklamationsformular nötig ist, ohne Konto und ohne Installation.

    Neun Feldtypen, frei sortierbar

    Je Feld legen Sie Beschriftung, Pflichtfeld und Hilfetext fest. Die Reihenfolge ändern Sie per Ziehen oder mit den Pfeiltasten.

    • Text
    • E-Mail
    • Telefon
    • Zahl
    • Datum
    • Auswahl
    • Mehrfachauswahl
    • Ja/Nein
    • Mehrzeiliger Text

    Live-Vorschau

    Schalten Sie zwischen Desktop und Handy um und probieren Sie die Fehlertexte direkt aus.

    Barrierefreier Code

    Sichtbare Beschriftungen, aria-Attribute und Fehlertexte, die das erste fehlerhafte Feld ansteuern.

    Datenschutz und Sicherung

    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.

    Aus dem Blog

    Ratgeber rund ums Formular

    Alle Beiträge im Blog

    Eine Frau sitzt am Schreibtisch vor einem Laptop und macht sich Notizen, neben ihr stapeln sich Unterlagen und Papiere
    Auswertung

    Formularantworten sinnvoll weiterverarbeiten

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

    Markus Offermann · 10. Oktober 2026 · 7 Min. Lesezeit

    Nahaufnahme: Eine Person füllt mit einem Stift ein Papierformular auf einem Holztisch aus, im Hintergrund stehen eine Tasse, ein Smartphone und eine Obstschale
    Formularaufbau

    Wie viele Felder darf ein Formular haben?

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

    Markus Offermann · 10. Oktober 2026 · 7 Min. Lesezeit

    Eine Frau sitzt auf dem Sofa, stützt die Stirn in die Hand und schaut auf ihr Smartphone, auf dem Couchtisch liegen Formulare und eine Tasse
    Kontaktformular

    Kontaktformular erstellen: Die 7 häufigsten Fehler

    Sieben typische Fehler beim Kontaktformular und wie Sie sie vermeiden: von Pflichtfeldern über Fehlermeldungen bis zum fehlenden Empfänger.

    Markus Offermann · 10. Oktober 2026 · 7 Min. Lesezeit

    Häufige Fragen

    Kurz beantwortet

    Speichert der erzeugte Code die Antworten?

    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.

    Werden meine Eingaben im Baukasten an einen Server übertragen?

    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.

    Ist ein damit erstelltes Formular automatisch DSGVO-konform?

    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 welchen Websites lässt sich der Code verwenden?

    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.

    Wie kommen die Antworten bei mir an?

    Ü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.