> For the complete documentation index, see [llms.txt](https://docs.globo.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.globo.io/options/option-elements/input-type-options/email-field-element.md).

# Email Field Element

The **Email field** is a form input designed specifically to collect customer email addresses. It ensures the format entered is a valid email structure (e.g., <name@example.com>), helping reduce errors and improve the quality of collected data.

***

**🔧 Basic Settings**

You can configure the following options for the Email field:

* **Label / Name**: Customize the name shown next to the email field.
* **Required Field**: Make this field mandatory before submission.
* **Add-on Price**: Add an additional charge if the email field is part of a special service or feature.
* **Placeholder / Help Text**: Provide a hint or instruction inside or near the field to guide customers.
* **Default Value**: Pre-fill the field with an email value (optional).
* **Conditional Logic**: Show or hide this field based on the values of other fields.

***

**⚙️ Advanced Settings**

The Email field also supports advanced customization, similar to other text-based input elements:

* **Text Transform**: Choose how the text is displayed (e.g., none, uppercase, lowercase).
* **Helptext Position**: Set where the help text appears (e.g., below label, below element, above element, tooltip).
* **Suffix / Prefix**: Add text before or after the field (e.g., "@example.com").
* **HTML Class**: Add custom CSS classes for more styling control.
* **Column Width**: Adjust how wide the field appears in the layout.

***

**✅ Validation**

This field automatically validates that the input is in the correct email format. If not, users will be prompted to enter a valid email before submitting the form.

<figure><img src="/files/DA7zHyTxkbiCHyVob4MG" alt=""><figcaption></figcaption></figure>

***

📧 **Need Help?**\
If you run into any issues while setting up your option set, feel free to reach out to us at **Chat** or email [**contact@globo.io**](mailto:contact@globo.io)**.**

We’re always here and happy to help — with sincerity and care!


---

# 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 dynamically by asking a question.

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

```
GET https://docs.globo.io/options/option-elements/input-type-options/email-field-element.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.