# API binding types

Some UI elements, like [form input fields](https://docs.bravostudio.app/bravo-tags/form-and-input-fields/data-biding-send-form-input-to-a-database), 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](https://docs.bravostudio.app/bravo-tags/form-and-input-fields/data-biding-send-form-input-to-a-database), this value will be used in an API request (`POST` or `PATCH`) to send to the backend the information the user provided.

![](https://1444025092-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXpqEanvOhm8vMtIH8i%2F-MlB6Epb0-riAvzw13W1%2F-MlB9H39a0gUkHeKf7YR%2Fimagen.png?alt=media\&token=1b2e39f2-3cb0-4f56-afc8-a3961b4757a6)

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

![](https://1444025092-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXpqEanvOhm8vMtIH8i%2F-MlB6Epb0-riAvzw13W1%2F-MlBA0-1K1NnrGGM5kQe%2Fvalue.gif?alt=media\&token=dc40758f-1af0-4fa1-bb0b-a206a187eb4e)

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](https://docs.bravostudio.app/bravo-tags/form-and-input-fields/data-biding-send-form-input-to-a-database).

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.

![](https://1444025092-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MXpqEanvOhm8vMtIH8i%2F-MlB6Epb0-riAvzw13W1%2F-MlBBnX8JDWRP96--jWO%2Finput%20destination.gif?alt=media\&token=31a11872-e944-4dac-a145-d7f4b4484092)

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