> For the complete documentation index, see [llms.txt](https://docs.ninox.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.ninox.com/builder-hub/de/visualize-and-organize-your-data/create-and-customize-pages/input-component.md). # Eingabekomponente Gib Werte auf einer Seite ein und nutze sie für die weitere Verarbeitung. Mit der Eingabekomponente sammelst du Daten oder führst Nutzer durch eine einzelne Seite, ohne separate Tabellen zu öffnen. Werte werden temporär auf dem Gerät oder im Browser gespeichert. Du kannst sie an passende Bereiche deiner App übergeben oder direkt mit Automatisierungen verarbeiten. ## Eingabekomponente hinzufügen {% stepper %} {% step %} **Tab Hinzufügen öffnen** Öffne im **Einstellungsbereich** den Tab **Hinzufügen**. {% endstep %} {% step %} **Komponente hinzufügen** Ziehe die **Eingabekomponente** aus **Basiskomponenten** an die gewünschte Stelle auf der Seite. {% endstep %} {% step %} **Komponente beschriften** Gib eine **Bezeichnung** ein. Ninox erstellt den **Internen Namen** automatisch.\ Ändere den internen Namen bei Bedarf vorsichtig. Logik, die ihn verwendet, wird möglicherweise nicht automatisch aktualisiert. {% endstep %} {% step %} **Eingabe-Datentyp festlegen** Wähle den benötigten **Datentyp**. Ninox stellt dieselben Datentypen wie für Datenfelder in Tabellen bereit. {% endstep %} {% step %} **Speicherort für den Wert auswählen** Wähle unter **Wert speichern** eine Option: * **Solange die Seite geöffnet ist** löscht den Wert, wenn du die Seite verlässt. * **In der URL der Seite** speichert den Wert in der Seiten-URL, bis du die Seite verlässt. * **Auf diesem Gerät** behält den Wert auf dem aktuellen Gerät, bis du dich von Ninox abmeldest. {% endstep %} {% step %} **Komponente hinzufügen** Klicke auf **Erstellen**, um die Komponente auf deiner Seite zu platzieren. {% endstep %} {% endstepper %} ## Einstellungen der Eingabekomponente Die Optionen unter **Allgemein** hängen vom gewählten Feldtyp ab. Wähle einen Eingabe-Datentyp und konfiguriere dann die passenden Einstellungen unter **Allgemein**: * Standardfelder: [Text](/builder-hub/de/design-your-app/add-and-edit-data-fields-in-your-tables/all-data-fields/text.md), [Mehrzeiliger Text](/builder-hub/de/design-your-app/add-and-edit-data-fields-in-your-tables/all-data-fields/multi-line-text.md), [Zahl](/builder-hub/de/design-your-app/add-and-edit-data-fields-in-your-tables/all-data-fields/number.md), [Ja/Nein](/builder-hub/de/design-your-app/add-and-edit-data-fields-in-your-tables/all-data-fields/yes-no-boolean.md), [Einfachauswahl](/builder-hub/de/design-your-app/add-and-edit-data-fields-in-your-tables/all-data-fields/single-choice-choice.md), [Mehrfachauswahl](/builder-hub/de/design-your-app/add-and-edit-data-fields-in-your-tables/all-data-fields/multi-choice-multi.md), [Dynamische Auswahl](/builder-hub/de/design-your-app/add-and-edit-data-fields-in-your-tables/all-data-fields/dynamic-choice-dchoice.md), [Dynamische Mehrfachauswahl](/builder-hub/de/design-your-app/add-and-edit-data-fields-in-your-tables/all-data-fields/dynamic-multi-choice-dmulti.md), [Datei](/builder-hub/de/design-your-app/add-and-edit-data-fields-in-your-tables/all-data-fields/file.md) und [Logik](/builder-hub/de/design-your-app/add-and-edit-data-fields-in-your-tables/all-data-fields/logic-function.md) * Kontaktfelder: [E-Mail](/builder-hub/de/design-your-app/add-and-edit-data-fields-in-your-tables/all-data-fields/email.md), [Telefon](/builder-hub/de/design-your-app/add-and-edit-data-fields-in-your-tables/all-data-fields/phone.md), [URL](/builder-hub/de/design-your-app/add-and-edit-data-fields-in-your-tables/all-data-fields/url.md) und [Standort](/builder-hub/de/design-your-app/add-and-edit-data-fields-in-your-tables/all-data-fields/location.md) * Datums- und Zeitfelder: [Datum](/builder-hub/de/design-your-app/add-and-edit-data-fields-in-your-tables/all-data-fields/date.md), [Datum und Uhrzeit](/builder-hub/de/design-your-app/add-and-edit-data-fields-in-your-tables/all-data-fields/date-and-time-timestamp.md), [Termin](/builder-hub/de/design-your-app/add-and-edit-data-fields-in-your-tables/all-data-fields/appointment.md), [Zeit](/builder-hub/de/design-your-app/add-and-edit-data-fields-in-your-tables/all-data-fields/time.md) und [Dauer](/builder-hub/de/design-your-app/add-and-edit-data-fields-in-your-tables/all-data-fields/duration-timeinterval.md) * Spezielle Felder: [Formatierter Text](/builder-hub/de/design-your-app/add-and-edit-data-fields-in-your-tables/all-data-fields/rich-text-html.md), [Farbe](/builder-hub/de/design-your-app/add-and-edit-data-fields-in-your-tables/all-data-fields/color.md), [Symbol](/builder-hub/de/design-your-app/add-and-edit-data-fields-in-your-tables/all-data-fields/icon.md), [Unterschrift](/builder-hub/de/design-your-app/add-and-edit-data-fields-in-your-tables/all-data-fields/signature.md) und [Nutzer](/builder-hub/de/design-your-app/add-and-edit-data-fields-in-your-tables/all-data-fields/user.md) * Verknüpfungsfelder: [Einen Datensatz verknüpfen](/builder-hub/de/design-your-app/add-and-edit-data-fields-in-your-tables/all-data-fields/link-one-record-reference.md) und [Mehrere Datensätze verknüpfen](/builder-hub/de/design-your-app/add-and-edit-data-fields-in-your-tables/all-data-fields/link-many-records-reverse.md) Unter **Anzeige** steuerst du, wie die Eingabe auf der Seite erscheint: * Lege die **Bezeichnungsposition** fest. * Füge einen **Platzhalter** hinzu. Er erscheint bei passenden Datentypen, wenn die Eingabekomponente leer ist. * Füge für passende Datentypen ein **Linkes Symbol** oder **Rechtes Symbol** hinzu. * Füge einen **Tooltip** oder eine **Beschreibung** hinzu, um Nutzer zu unterstützen. Du kannst zum Beispiel eine Einfachauswahl als Tabs anzeigen. Nutze die Bezeichnung und den **Tooltip**, um zu erklären, was jede Option steuert. Unter **Verhalten** konfigurierst du, wie Nutzer mit der Eingabe interagieren: * Ändere **Wert merken**, nachdem du die Komponente erstellt hast. * Aktiviere **Deaktiviert**, um die Bearbeitung zu verhindern. Richte Logik ein, damit nur bestimmte Nutzer Werte eingeben können. * Füge unter **Bei Änderung** Logik hinzu, um auf Wertänderungen zu reagieren. * Aktiviere **Erforderlich**, damit Nutzer einen Wert eingeben müssen, bevor sie das Formular senden. Unter **Sichtbarkeit** legst du fest, ob die Komponente auf der Seite angezeigt wird: * **Sichtbar**: Zeigt die Komponente auf der Seite an. * **Versteckt**: Blendet die Komponente auf der Seite aus. * **Bedingt**: Definiert eine **Sichtbarkeitsbedingung**, die steuert, wann die Komponente angezeigt oder ausgeblendet wird. Nutze **Bedingt**, wenn die Komponente nur in bestimmten Fällen erscheinen soll. Erstelle die Bedingung anhand von Nutzerrollen, **Tabellen** oder **Feldern**. --- # Agent Instructions This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com. ## Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation by asking a question. Perform an HTTP GET request on the following URL with the `ask` and `goal` query parameters: ``` GET https://docs.ninox.com/builder-hub/de/visualize-and-organize-your-data/create-and-customize-pages/input-component.md?ask=&goal= ``` `ask` is the immediate question: it should be specific, self-contained, and written in natural language. `goal` is what the user is ultimately trying to achieve, the reason they need the answer. Sharing it helps GitBook give you a better, more relevant answer. A goal is most helpful when it describes the outcome the user wants rather than restating the question. For example, with `ask=how do I create an API token`, a goal like `automate deployments from our CI pipeline` lets GitBook tailor the answer to that use case. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.