# Forms fields

If you click on Content > Form Manager > Form Fields, an overview of your stored form fields will appear.

<br>

{% hint style="danger" %}
**Important:**\
\
Be sure to create two text fields “Email” and “Subject” and then enable them through the two settings below.&#x20;

1 x email with activation of “This field will be used as an email”&#x20;

1 x subject with activation of “This field will be used as subject”&#x20;

At least one form field (not an email or subject field) must be included

Without these two text fields (subject, email) and at least one other form field, the form cannot be sent!
{% endhint %}

<figure><img src="https://2061240942-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2bDXNnc5DRWPvagpuhf1%2Fuploads%2FOWnT2oXcJjIcKTvcox07%2Fimage.png?alt=media&#x26;token=bd84b31a-e80d-447f-bc07-6719ffc477f3" alt=""><figcaption></figcaption></figure>

By clicking on the “Create” button you can create a new form field. A window will then open with the setting options below

### **Default tab:**&#x20;

**Header:**&#x20;

Heading of the field&#x20;

**Short description:**&#x20;

Description appears below the field&#x20;

**CSS class:**&#x20;

Here you can specify your own CSS class so that you can influence the appearance of the group via CSS if desired&#x20;

**ID:**&#x20;

Here you can specify your own CSS ID so that you can influence the appearance of the group via CSS if desired

<figure><img src="https://2061240942-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2bDXNnc5DRWPvagpuhf1%2Fuploads%2FlElWpQCmnshBPrp5jLp6%2Fimage.png?alt=media&#x26;token=2cc08526-499c-40ce-8a1a-2ecdff03980a" alt=""><figcaption></figcaption></figure>

**Position:**&#x20;

Determine the order&#x20;

**Active:**&#x20;

Activate the form field&#x20;

**Activate title:**&#x20;

Show the headline&#x20;

**Activate description:**&#x20;

View the description

&#x20;**Field:**&#x20;

Under Field you can select from the following elements: DropDown/Select field

<figure><img src="https://2061240942-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2bDXNnc5DRWPvagpuhf1%2Fuploads%2Fpw6PINGaMHI8g1WQcRR0%2Fimage.png?alt=media&#x26;token=087ba56f-94fd-4682-a133-d54b8b3f969a" alt=""><figcaption></figcaption></figure>

**Textfeld**&#x20;

<figure><img src="https://2061240942-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2bDXNnc5DRWPvagpuhf1%2Fuploads%2FCJFeaESOIUUIJ8ZyQQzx%2Fimage.png?alt=media&#x26;token=7f74e59a-9ef2-4752-b593-022c5d3e8c7d" alt=""><figcaption></figcaption></figure>

**Email**&#x20;

<figure><img src="https://2061240942-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2bDXNnc5DRWPvagpuhf1%2Fuploads%2FrqCn29xnykuB6uvmhHeu%2Fimage.png?alt=media&#x26;token=b7d4f900-1f2a-4436-9f08-421c40e61dcd" alt=""><figcaption></figcaption></figure>

**Password**

<figure><img src="https://2061240942-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2bDXNnc5DRWPvagpuhf1%2Fuploads%2FxB4OHKQjp3GlVxf9STd1%2Fimage.png?alt=media&#x26;token=97a917ac-5094-4a3c-91a8-d88b75bdf94d" alt=""><figcaption></figcaption></figure>

**Phone**

<figure><img src="https://2061240942-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2bDXNnc5DRWPvagpuhf1%2Fuploads%2FaFeuglWKZXwNmlnWOa5g%2Fimage.png?alt=media&#x26;token=1d88daea-1208-418a-a0b8-2157a716454c" alt=""><figcaption></figcaption></figure>

**Textarea**&#x20;

<figure><img src="https://2061240942-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2bDXNnc5DRWPvagpuhf1%2Fuploads%2FZDqkpiWgwsFJyLKY12Zk%2Fimage.png?alt=media&#x26;token=295277aa-cce1-4fa9-8f32-d9bb7f07a7e7" alt=""><figcaption></figcaption></figure>

**Checkboxes**&#x20;

<figure><img src="https://2061240942-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2bDXNnc5DRWPvagpuhf1%2Fuploads%2FQ8XUO8r6SV1TiTyamKht%2Fimage.png?alt=media&#x26;token=d259415d-1c1a-4daf-a36c-6c02788aba66" alt="" width="192"><figcaption></figcaption></figure>

**Radio-Buttons**&#x20;

<figure><img src="https://2061240942-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2bDXNnc5DRWPvagpuhf1%2Fuploads%2FQ46bdUNbaAWe01te7eKJ%2Fimage.png?alt=media&#x26;token=a5d78bc4-6345-4090-98d4-ba2d1d50eba5" alt=""><figcaption></figcaption></figure>

**Date Fields**

<figure><img src="https://2061240942-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2bDXNnc5DRWPvagpuhf1%2Fuploads%2FmJ2OGXmQwni3rOZZ5A8m%2Fimage.png?alt=media&#x26;token=f596a63f-bacb-4b84-8f61-26e7482c5b5f" alt=""><figcaption></figcaption></figure>

**Color picker**

<figure><img src="https://2061240942-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2bDXNnc5DRWPvagpuhf1%2Fuploads%2FKQxyWGaOAnTPgRRajA6K%2Fimage.png?alt=media&#x26;token=65b4b2cd-92f4-43c1-947a-a233813b32b9" alt=""><figcaption></figcaption></figure>

**Numberfield**

<figure><img src="https://2061240942-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2bDXNnc5DRWPvagpuhf1%2Fuploads%2FN0LlEXpSaEK3jqgN2sv3%2Fimage.png?alt=media&#x26;token=0f2b9569-3344-4786-9dae-850be3d31aaa" alt=""><figcaption></figcaption></figure>

{% hint style="warning" %}
**Important:**\
\
Be sure to create two text fields “Email” and “Subject” and then enable them through the two settings below.&#x20;

1 x email with activation of “This field will be used as an email”&#x20;

1 x subject with activation of “This field will be used as subject”&#x20;

At least one form field (not an email or subject field) must be included

Without these two text fields (subject, email) and at least one other form field, the form cannot be sent!

{% endhint %}

**This field is used as an email:**&#x20;

Assigning a text field as an email field&#x20;

**This field is used as the subject:**&#x20;

Assigning a text field as a subject&#x20;

**Validate:**&#x20;

Validate the form field (text fields, text area, email, password, color field, date field, numeric field).

**Assigned groups:**&#x20;

Assign the form field to a group

{% hint style="info" %}
Assigning them to a form group is absolutely necessary for form fields
{% endhint %}

<figure><img src="https://2061240942-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2bDXNnc5DRWPvagpuhf1%2Fuploads%2Fp2qI9p7PHwdL819ScN9t%2Fimage.png?alt=media&#x26;token=cb5f546f-863f-444a-97e1-503feb0eab5c" alt=""><figcaption></figcaption></figure>
