# Element

{% hint style="info" %}
**Block Information**

Available in: Page Flow

Toolbox Category: Html/DOM

Block Type: [Output](https://docs.zingy.ai/app-editor/block-anatomy#output-block)

Output Type: [*element*](https://docs.zingy.ai/app-editor/page-flow/references/value-types)
{% endhint %}

**`Element`** is an [output block](https://docs.zingy.ai/app-editor/block-anatomy#output-block) that allows you to retrieve a reference to any element on a page or form by selecting it. The output is of type [*element*](https://docs.zingy.ai/app-editor/page-flow/references/value-types) and is compatible with [Value Parameters](https://docs.zingy.ai/app-editor/block-anatomy#value-parameters) of type [*element*](https://docs.zingy.ai/app-editor/page-flow/references/value-types) or of type [*any*](https://docs.zingy.ai/app-editor/page-flow/references/value-types).

<div align="left"><figure><img src="https://3401585094-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmnBepgycwgisXr9ya1N4%2Fuploads%2FXea3tXs5hIs9D6Vjxria%2Fimage.png?alt=media&#x26;token=4da94886-e980-4ac2-a59c-b30b7e914b85" alt="" width="218"><figcaption><p>Element block</p></figcaption></figure></div>

The block consists of *Element* a [Selectable Input](https://docs.zingy.ai/app-editor/block-anatomy#selectable-input) to choose the element you want to retrieve.

***

## Usage Example

The image below shows an example of the Element block where the value of the selected [Input](https://docs.zingy.ai/app-editor/page-editor/built-in-elements/input) element is set to the text "*Hello!*" using the [Set Input Value](https://docs.zingy.ai/app-editor/page-flow/toolbox-blocks/set-input-value) block.

<div align="left"><figure><img src="https://3401585094-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmnBepgycwgisXr9ya1N4%2Fuploads%2FlvteJuzq93VqqQB7yZba%2Fimage.png?alt=media&#x26;token=bef1c9a2-1b56-4cd1-8529-9d1663e92138" alt="" width="563"><figcaption><p>Example of the Element block</p></figcaption></figure></div>