> For the complete documentation index, see [llms.txt](https://joinpoints.gitbook.io/doku/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://joinpoints.gitbook.io/doku/online-formulare/formulare-erstellen.md).

# Formulare erstellen

Erstelle Formulare, füge Elemente hinzu und konfiguriere den Absenden-Button.

Mit Formularen erfasst du Informationen strukturiert. Verknüpfe bei Bedarf Datenbanken, damit du Daten direkt weiterverarbeiten kannst.

### Neues Formular erstellen

{% stepper %}
{% step %}

#### Projekt öffnen

Öffne das Projekt, in dem du ein Formular erstellen willst.
{% endstep %}

{% step %}

#### Formular erstellen

Klicke auf **den Pfeil** und **auf Neues Formular erstellen.**

<div align="left"><figure><img src="https://3725887704-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsRVgsGgrgnbwS5l29ABp%2Fuploads%2FyoNhgq9XVhupE4BrPQBF%2Fimage.png?alt=media&amp;token=bd0912fb-2614-4563-b7ae-ae4875acf052" alt="" width="283"><figcaption></figcaption></figure></div>
{% endstep %}

{% step %}

#### Namen vergeben

Gib dem Formular einen aussagekräftigen Namen.

<div align="left"><figure><img src="https://3725887704-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsRVgsGgrgnbwS5l29ABp%2Fuploads%2FdM8fS8DmRZx6q0FBhKMw%2Fimage.png?alt=media&amp;token=362c6bd2-44b2-4d91-9fc7-aea5c8115959" alt="" width="259"><figcaption></figcaption></figure></div>
{% endstep %}

{% step %}

#### Datenbanken verknüpfen

Verknüpfe bei Bedarf Datenbanken mit dem Formular.
{% endstep %}
{% endstepper %}

### Formularelemente hinzufügen

{% stepper %}
{% step %}

#### Formular öffnen

Öffne die Startseite des Formulars.
{% endstep %}

{% step %}

#### Element hinzufügen

Klicke auf **Element hinzufügen** und wähle die benötigten Elemente aus.
{% endstep %}

{% step %}

#### Eingabefeld einfügen

Füge zum Beispiel das Eingabefeld **Geplanter Betrag** hinzu.

<div align="left"><figure><img src="https://3725887704-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsRVgsGgrgnbwS5l29ABp%2Fuploads%2F8EGFhksVyBZRriRD0eE1%2Fimage.png?alt=media&amp;token=a47d6264-129c-4074-86c2-5dd0dc5f1603" alt="" width="563"><figcaption></figcaption></figure></div>

<div align="left"><figure><img src="https://3725887704-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsRVgsGgrgnbwS5l29ABp%2Fuploads%2FpLj8S3nfovK6tTg3ue8K%2Fimage.png?alt=media&amp;token=aba517ec-564d-433c-b1b9-7542f6501f9c" alt="" width="563"><figcaption></figcaption></figure></div>
{% endstep %}
{% endstepper %}

### Absenden-Button konfigurieren

{% stepper %}
{% step %}

#### Button hinzufügen

Klicke auf **Element hinzufügen** und füge einen **Abschicken-Button** hinzu.

<div align="left"><figure><img src="https://3725887704-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsRVgsGgrgnbwS5l29ABp%2Fuploads%2F7SdJ5TaRvHBT2Pt0U1aL%2Fimage.png?alt=media&amp;token=4f0a8e40-9d67-4444-b663-edcebdb24079" alt="" width="563"><figcaption></figcaption></figure></div>
{% endstep %}

{% step %}

#### Button bearbeiten

Öffne über das Zahnradsymbol die Einstellungen **Button bearbeiten**.

<div align="left"><figure><img src="https://3725887704-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsRVgsGgrgnbwS5l29ABp%2Fuploads%2FNhS6dl4Iq3fdREXQ1uXW%2Fimage.png?alt=media&amp;token=0151bee8-de75-46eb-9eb5-427dc3589a5a" alt="" width="563"><figcaption></figcaption></figure></div>
{% endstep %}

{% step %}

#### Klick-Aktion festlegen

Wähle als Klick-Aktion **Gehe zu: Dankeschön-Seite**.

<div align="left"><figure><img src="https://3725887704-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FsRVgsGgrgnbwS5l29ABp%2Fuploads%2Feddh5zn7sCSE1XUNlv2g%2Fimage.png?alt=media&amp;token=9660bc6b-bd5b-4efc-bce6-f987a1beded5" alt="" width="563"><figcaption></figcaption></figure></div>
{% endstep %}
{% endstepper %}