> For the complete documentation index, see [llms.txt](https://themedocs.zenit.design/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://themedocs.zenit.design/styling/elemente/formulare.md).

# Formulare

### Farben

Formular-Elemente sind Input-Felder, Textfelder oder Select-Felder. Diese können einen Hintergrund, eine Textfarbe und eine Kontur haben.

### Grundeinstellungen

![](https://2797716245-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FglpRTGDOwN11YxqfJhAM%2Fuploads%2F670UnHx9FXjp7ueeCHhd%2Fdocs-de-config-theme-elements-forms-basic-configuration.png?alt=media\&token=b92f50d4-981d-4ed7-83cc-f630d6f4073d)

Mit der **Aussehen (1)** Einstellung kannst Du das globale Erscheinungsbild von Formularfeldern beeinflussen. Wähle zwischen dem Aussehen mit einer Unterlinie oder dem Standard-Aussehen.

Mit Hilfe der Konfiguration **Floating Labels (2)** kannst Du die Labels der Formularfelder für einen minimaleren und weniger redundanten Look umgestalten.

Die Option **Passwort anzeigen/verstecken (3)** fügt in der Storefront bei Passwort-Feldern ein Auge-Icon hinzu. Durch einen Klick auf das Icon kann das Passwort sichtbar gemacht werden, sodass der Kunde überprüfen kann, ob es korrekt eingegeben wurde.

Beispiele:

![](https://2797716245-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FglpRTGDOwN11YxqfJhAM%2Fuploads%2FuU9W7X1kmXSgYrce2Ru3%2Fdocs-en-config-theme-components-forms-basic-configuration-floating-labelx-example.png?alt=media\&token=e50412e3-6a15-40af-b425-a92e1e2495f2)

![Formularfelder: Standard](https://2797716245-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FglpRTGDOwN11YxqfJhAM%2Fuploads%2Fgit-blob-ba8fc4cb4b3f67dc922589681dfe65f92dccac61%2Fdocs-front-formulare.jpg?alt=media)

![Formularfelder: Unterlinie](https://2797716245-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FglpRTGDOwN11YxqfJhAM%2Fuploads%2Fgit-blob-feccc9bf458074b0bb7ee5693c70f2b6ac74c7ad%2Fdocs-front-formulare-2.jpg?alt=media)

<div><figure><img src="https://2797716245-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FglpRTGDOwN11YxqfJhAM%2Fuploads%2FTS2ATvTl8FDzwOQQr28y%2Fdocs-en-config-theme-components-forms-basic-configuration-password-hide-example.png?alt=media&amp;token=0560a3f3-d3e2-4f5d-8148-2e001da40ba6" alt=""><figcaption><p>Passwort anzeigen/verstecken</p></figcaption></figure> <figure><img src="https://2797716245-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FglpRTGDOwN11YxqfJhAM%2Fuploads%2FwdhPTAxHzDeZ09PefkVS%2Fdocs-en-config-theme-components-forms-basic-configuration-password-show-example.png?alt=media&amp;token=a561ae8a-97f2-4e8a-bec2-edf4f9529eca" alt=""><figcaption><p>Passwort anzeigen/verstecken</p></figcaption></figure></div>