# Einstellungen eines Input-Felds

> Was Title, Description und Variable name eines Input-Felds bewirken und welche Regeln für den Variablennamen gelten.

Source: https://bluepic.io/de/help/input-fields/input-field-settings  
Language: de  
Category: input-fields  
Last updated: 2026-10-21

Im Input Fields View hat jedes Input-Feld Einstellungen. Mit **Title**, **Description** und **Variable name** legst du fest, wie Nutzer das Input-Feld im Design-Generator verstehen und wie du seinen Wert in Expressions verwendest. Wie du ein Input-Feld anlegst, steht in [Input-Feld erstellen: Text oder Bild änderbar machen](https://bluepic.io/de/help/input-fields/create-input-field).

Die Einstellungen öffnest du mit dem Zahnrad rechts im Input-Feld. Oben stehen **Variable name**, **Title** und **Description (tooltip with more information)**, darunter die Einstellungen des Feldtyps. Mit **Done** schließt du sie.

![Einstellungen eines Image-Input-Felds: Variable name, Title, Description und die Bildoptionen.](https://imagedelivery.net/mudX-CmAqIANL8bxoNCToA/help/KB-input-field-title-01/public){width="335"}

## Title

Der **Title** sagt Nutzern, wofür das Input-Feld da ist, zum Beispiel „Headline“ oder „Logo“. Sie sehen ihn im Design-Generator über dem Input-Feld.

- Du änderst den Title in den Einstellungen unter **Title**. Schneller geht es oben im Input-Feld: Klicke auf den Title und tippe einen neuen ein.
- Legst du ein Input-Feld für ein Element an, bekommt es je nach Feldtyp einen vorgegebenen Title: **Edit Text**, **Select Text**, **Pick Color**, **Select Color**, **Upload Image**, **Select Image**, **Upload Logo**, **Select Value** oder **Toggle**. Eine neue Input-Feld-Gruppe heißt **New Group field**.
- Instruction-Input-Felder, Collections und Input-Felder, die du mit **Add field** hinzufügst, starten ohne Title. Ist der Title leer, zeigt der Design-Generator über dem Input-Feld nichts an.
- Die Vorschau rechts im Input Fields View zeigt nur das Design, nicht das Formular. Teste den Title deshalb im Design-Generator.

## Description

Die **Description** ist ein Hilfetext zum Input-Feld. Der Title benennt das Input-Feld, die Description gibt einen Tipp dazu, etwa „Nutze dein Querformat-Logo“. Du trägst sie in den Einstellungen unter **Description (tooltip with more information)** ein.

![Einstellungen eines Input-Felds mit markierter Description (tooltip with more information).](https://imagedelivery.net/mudX-CmAqIANL8bxoNCToA/help/KB-input-field-description-01/public){width="339"}

- Nutzer sehen im Design-Generator neben dem Title ein Fragezeichen. Fahren sie mit der Maus darüber, erscheint die Description als Tooltip.

  ![Design-Generator: Input-Feld Upload Image, die Maus über dem Fragezeichen neben dem Title, daneben die Description als Tooltip.](https://imagedelivery.net/mudX-CmAqIANL8bxoNCToA/help/KB-input-field-settings-02/public?v=9f89ca9c){width="938"}

- Das Fragezeichen erscheint nur, wenn das Input-Feld einen Title und eine Description hat. Bei einer Input-Feld-Gruppe erscheint es auch ohne Title. Lässt du die Description leer, erscheint kein Fragezeichen.
- In einem [Instruction-Input-Feld](https://bluepic.io/de/help/input-fields/instruction-input-field) erscheint die Description nicht als Tooltip, sondern als kleinere Textzeile unter der Anweisung.
- Im Input Fields View zeigt ein Fragezeichen rechts im Input-Feld, dass es eine Description hat.

## Variable name

Jedes Input-Feld außer einer Input-Feld-Gruppe und einem Instruction-Input-Feld speichert seinen Wert in einer Variable. Über den Variablennamen nutzt du diesen Wert in Expressions. Heißt die Variable zum Beispiel `headline`, schreibst du in einer Expression einfach `headline`. Wie das genau geht, steht in [Variablen](https://bluepic.io/de/help/expressions-and-logic/variables).

Der Variablenname steht ganz oben in den Einstellungen unter **Variable name**. Den vorgegebenen Namen bildet Bluepic aus dem Feldtyp oder dem Element, zum Beispiel `text2_text` oder `rectangle2_color`. Meistens passt er. Benenne ihn um, wenn du dir einen Namen für Expressions leichter merken oder deine Variablen ordentlich halten willst.

![Oberer Teil der Einstellungen eines Input-Felds: Variablenname mit Kopier-Button und Stift markiert.](https://imagedelivery.net/mudX-CmAqIANL8bxoNCToA/help/KB-input-field-variable-name-01/public?v=2bd65919){width="938"}

So änderst du den Variablennamen:

1. Klicke rechts neben dem Variablennamen auf den Stift.
2. Gib den neuen Namen ein.
3. Klicke auf das Häkchen, um ihn zu speichern, oder auf ×, um abzubrechen. Expressions und verbundene Input-Felder übernehmen den neuen Namen automatisch.

Für den Namen gelten diese Regeln:

- Er darf im Template nur einmal vorkommen. Er darf auch nicht so heißen wie eine Element-ID, eine Funktion oder `canvas`.
- Erlaubt sind Buchstaben, Ziffern, `_` und `$`. Keine Leerzeichen und keine Ziffer am Anfang.
- Wörter, die JavaScript selbst verwendet, etwa `class`, sind nicht erlaubt.
- In einer [Collection](https://bluepic.io/de/help/input-fields/input-fields-collection) muss der Name nur innerhalb dieser Collection einmalig sein.

Ist der Name ungültig oder schon vergeben, färbt er sich rot, und das Häkchen lässt sich nicht anklicken.

Mit dem Kopier-Button neben dem Stift kopierst du den Namen in die Zwischenablage. Die Meldung „Variable name copied to clipboard“ erscheint.

## Mehr dazu

- [Input-Feld erstellen: Text oder Bild änderbar machen](https://bluepic.io/de/help/input-fields/create-input-field)
- [Variablen](https://bluepic.io/de/help/expressions-and-logic/variables)
- [Text-Input-Felder](https://bluepic.io/de/help/input-fields/text-input-fields)
- [Input-Feld löschen](https://bluepic.io/de/help/input-fields/deleting-input-fields)