---
title: Render metadata to form's HTML element
slug: cms-12/docs/rendering-metadata-to-html-element
docTags: 
createdAt: 2026-08-10T15:56:01.000Z
---

:::hint{type="info"}
**Note**
[Optimizely Forms](docId:3SbSlJZIS_3iFmghfQA3J) is only supported by MVC-based websites and HTML5-compliant browsers.
:::

You can extend the functionality of each form. This feature:

- Lets an editor set configuration values for a form as extra metadata. Access this field on a form container from **All Properties** view >  **Settings** tab.
- Renders that metadata as a `data-epiforms-metadata` attribute on the root element of the \<form> tag in edit view.
- You can write code to modify the form based on the metadata. For example:
  - Change the layout of elements from vertical to horizontal. To do this, an editor inserts **horizontal**in the metadata.
  - Change the background color based on metadata.

![](https://api.archbee.com/api/optimize/BrbvVORKJ5iIeSMZye5kI/czjVe98o7F-az45BLR1Pc_2c3d38c-forms-metadata.png)