# Forms

### Color

Form elements are input fields, text fields or select fields. These can have a background color, a text color and a border color.

### Basic configuration

![](/files/PwdCr9EvaCQBKHRgQgAm)

With the **Appearance (1)** setting you can influence the global layout of form fields. Choose between the appearance with a subline or the default layout.

**Floating Labels (2)** lets you hide the redundant placeholder in your form fields. On input the label floats to the top.\
\
The Password show/hide (3) adds an eye icon to password fields in the storefront. By clicking on the icon, the password can be made visible so that the customer can check whether it has been entered correctly.

Example:

![](/files/GeogF1iSBzqXFnhmcHxH)

![Forms: Default](/files/-MHWxomwpfbwAMJpTrle)

![Forms: Underlined](/files/-MHWxtKv9ioFdXYazrPX)

<div><figure><img src="/files/FDBw5oyBx3da39UsexFK" alt=""><figcaption><p>Password show/hide</p></figcaption></figure> <figure><img src="/files/crehFh7Ziq8wHpFnSqcc" alt=""><figcaption><p>Password show/hide</p></figcaption></figure></div>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://themedocs.zenit.design/en/styling/components/forms.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
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.