---
title: "Which HTML elements on the application can be captured as Event Attributes?"
slug: "which-ui-elements-can-you-capture-as-event-attributes"
updated: 2026-08-06T17:07:45Z
published: 2026-08-06T17:07:45Z
canonical: "support.whatfix.com/which-ui-elements-can-you-capture-as-event-attributes"
---

> ## Documentation Index
> Fetch the complete documentation index at: https://support.whatfix.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Which HTML elements on the application can be captured as Event Attributes?

[Event Attributes](/product-analytics/docs/attributes) enable you to send additional contextual information along with User Actions.

Note:

Capturing Event Attributes is a Beta feature. Contact [support@whatfix.com](mailto:support@whatfix.com?Subject=Enable%20Event%20Attributes%20for%20my%20account&Body=Hi%20team%2C%0A%0AKindly%20enable%20Event%20Attributes%20for%20my%20account.) to enable it.

For example, along with the button click event, additional attributes such as the URL, the title of the page where it was clicked, the text on the button, and more, can be captured and sent to give context to the button click event.

For more information on use cases, see [What are Event Attributes?](/product-analytics/docs/attributes)

Note:

Use Trend Insights to visualize engagement with Event Attributes. For more information, see [Add Event Attributes to Trend Insights](/product-analytics/docs/add-event-attributes-to-insights).

The following UI elements can be captured as Event Attributes:

Info:

For more information on the various UI elements, see [W3 Schools](https://www.w3schools.com/html/default.asp).

| **Element Tag** | **Description** | **Property captured** | **Example** |
| --- | --- | --- | --- |
| input | The <input> tag specifies an input field where the user can enter data. | value | ![input_element](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/input_element.png?sv=2026-02-06&spr=https&st=2026-11-12T07%3A34%3A36Z&se=2026-11-12T08%3A34%3A36Z&sr=c&sp=r&sig=UG9eG77OBGZqqvklC%2FQM7l43sdl4%2BwiYWckyvK6SxxQ%3D) |
| button | The <button> element is used to create an HTML button. | innerText | ![submit_button](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/submit_button.png?sv=2026-02-06&spr=https&st=2026-11-12T07%3A34%3A36Z&se=2026-11-12T08%3A34%3A36Z&sr=c&sp=r&sig=UG9eG77OBGZqqvklC%2FQM7l43sdl4%2BwiYWckyvK6SxxQ%3D) |
| span | The <span> tag is an inline container used to mark up a part of a text, or a part of a document. | innerText | ![span_element](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/span_element.png?sv=2026-02-06&spr=https&st=2026-11-12T07%3A34%3A36Z&se=2026-11-12T08%3A34%3A36Z&sr=c&sp=r&sig=UG9eG77OBGZqqvklC%2FQM7l43sdl4%2BwiYWckyvK6SxxQ%3D) |
| textArea | The <textarea> element is often used in a form, to collect user inputs like comments or reviews. A text area can hold an unlimited number of characters. | value | ![textarea_element](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/textarea_element.png?sv=2026-02-06&spr=https&st=2026-11-12T07%3A34%3A36Z&se=2026-11-12T08%3A34%3A36Z&sr=c&sp=r&sig=UG9eG77OBGZqqvklC%2FQM7l43sdl4%2BwiYWckyvK6SxxQ%3D) |
| header | The header tag is used to define headings and subheadings on a webpage | innerText | ![header_element](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/header_element.png?sv=2026-02-06&spr=https&st=2026-11-12T07%3A34%3A36Z&se=2026-11-12T08%3A34%3A36Z&sr=c&sp=r&sig=UG9eG77OBGZqqvklC%2FQM7l43sdl4%2BwiYWckyvK6SxxQ%3D) |
| div | The <div> tag defines a division or a section in an HTML document. The <div> tag is used as a container for HTML elements. | innerText | ![div_element](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/div_element.png?sv=2026-02-06&spr=https&st=2026-11-12T07%3A34%3A36Z&se=2026-11-12T08%3A34%3A36Z&sr=c&sp=r&sig=UG9eG77OBGZqqvklC%2FQM7l43sdl4%2BwiYWckyvK6SxxQ%3D) |
| select | The <select> element is used to create a dropdown list. | options[selectedIndex].innerText | ![options_element](https://cdn.document360.io/a268766e-d74d-4619-9613-e2472f809ffb/Images/Documentation/options_element.png?sv=2026-02-06&spr=https&st=2026-11-12T07%3A34%3A36Z&se=2026-11-12T08%3A34%3A36Z&sr=c&sp=r&sig=UG9eG77OBGZqqvklC%2FQM7l43sdl4%2BwiYWckyvK6SxxQ%3D) |
| Any other tag apart from the tags mentioned in the table (Default) | - | innerText | Image and Checkbox |

Info:

Ensure that you capture the innermost div for an element. Capturing the outer div captures the innerText property for all the divs present inside the outer div.