# API binding types

Some UI elements, like [form input fields](/bravo-tags/form-and-input-fields/data-biding-send-form-input-to-a-database.md), contain several properties that can be bound in the Data Binding section. In this example, we'll show how you can do this to add more dynamic data to the apps.

{% hint style="info" %}
💡 We are using [this design file](https://www.figma.com/community/file/1026770900493877827/Bravo-Sample%3A-User-profile) for the tutorial. In this example, we're showing how to bind a placeholder for text input fields to API data, together with a POST request to send the data the user introduces in the form fields.
{% endhint %}

## Binding input field properties to API data

* **Value** is the property related to the placeholder text a user will see in the input field before typing. It can be set statically in the [design file](https://www.figma.com/community/file/981976861747536392), but it can later be bound to API data, so the placeholder text is stored in the backend. This allows using dynamic values as placeholders, for instance, displaying a different placeholder text for different users.
* **Input Destination** is the property related to the input the user provides in the form. After [submitting a form](/bravo-tags/form-and-input-fields/data-biding-send-form-input-to-a-database.md), this value will be used in an API request (`POST` or `PATCH`) to send to the backend the information the user provided.

![](/files/-MlB9H39a0gUkHeKf7YR)

To bind the **Value** property for an input field, we should select an individual data item received from an API request, as shown below.

![](/files/-MlBA0-1K1NnrGGM5kQe)

The **Input Destination** property should be bound to a variable specified in the JSON body of a POST or PATCH request, which will be used to send the user data to a backend. [More information on setting up API request for form submission here](/bravo-tags/form-and-input-fields/data-biding-send-form-input-to-a-database.md).

Once the JSON body with the variables is created in the API request, the variables will appear in the dropdown selector for the Input Destination property, as shown below.

![](/files/-MlBBnX8JDWRP96--jWO)

Once you have bound the value and input destination, you can test the functionality of this app screen in **Bravo Vision**.


---

# Agent Instructions: 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.bravostudio.app/data-binding/data-binding-types/bind-multiple-properties-to-a-ui-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.