---
title: "Form Button Element"
description: "With Form Button Element a Submit Button is created. One Submit Button is needed for each Form. Otherwise, Data can not be send."
path: https://www.eonshowroom.eon.com/en/specials/form-elements/form---others/form-button-element.html
lastModified: 2025-02-18T14:51:02.687Z
---

# Form Button Element

# Form Button Element

**Submit**

[How to Configure](#how-to)

### Description

With Form Button Element a Submit Button is created. One Submit Button is needed for each Form. Otherwise, Data can not be send.

- Button for Form Submit
- One needed per Form

[Check it out on Storybook](https://storybook.web-ui.eon.com/eon/master/?path=/story/form-input--interactive)

### Inspirations

**Send us your Data**

### Usage Rules & Features

##### Features

- Submit all Form Data with one Button

##### Design

- Add custom Button Text

##### In which Grid Columns does it fit?

| Grid Columns | Does it fit? |
| --- | --- |
| 2 | no |
| 3 | no |
| 4 | no |
| 5 | no |
| 6 | yes |
| 8 | yes |
| 9 | yes |
| 10 | yes |
| 12 | no |

##### DO's

- Add it at the End of a Form
- After Publishing, check Form sending works as expected
- Ensure Mulesoft Integration and Configuration is done

[Info Icon Key: info-icon-1]

[Info Icon Aria Label: Mulesoft & MT Captcha Integration]

[Info Icon Content Type: Experience fragment]

[Info Icon Content Start: info-icon-1]

##### Mulesoft & MT Captcha

Mulesoft and MT Captcha are both needed for Forms.

Mulesoft is a Preconditions to use Forms in Foundation 2020 Project. Furthermore, MT Captcha is a Service to make it harder for Bots (no real Users) to misuse a Form.

[Read More about Mulesoft & MT Captcha Integration](https://www.eonshowroom.eon.com/en/aem-basics/configuration-pages/foundationng-form-config.html)

[Info Icon Content End: info-icon-1]

##### DONT's

- Do not use more than one Form Button Element per Form
- Do not use it in smaller Grid then 6 Column Grid
- Try not to use it outside of Form Container - Any Kind of Form Element can be used only inside a Form Container

## Configuration

## Trackable Component

This Component can be tracked.

[Read more about Tracking](https://www.eonshowroom.eon.com/en/aem-basics/tracking.html)

![](https://www.eonshowroom.eon.com/cdm-assets/is/image/eon/EON_Pattern_7-1%3A2-1?fmt=webp-alpha)

![](https://www.eonshowroom.eon.com/cdm-assets/is/image/eon/form_button%3A4-3?fmt=webp)

### Enter Button Text

With the Form Button the Data filled in by the User can be submitted. Therefore, it needs a Button Text. This Text will get displayed on the Button. If no Text is provided, it defaults to "Submit".