# placeholder

**Optional**

**Type:** `string` (static text, a [format string](https://docs.journeyapps.com/reference/app-features/xml-format-strings) or the return value of a [JS/TS function](https://docs.journeyapps.com/reference/app-features/calling-js-functions-from-xml))

**Default**: *Depends on the component. See the* [*reference table*](#default-placeholder-value-per-component) *below.*

Override the default placeholder text for the input component.

**Note**: once the user entered a value the placeholder is no longer visible.

#### Example - `placeholder` on a `text-input`

{% code title="main.view\.xml" %}

```xml
<var name="notes" type="text"/>

<text-input bind="notes" placeholder="Notes"/>
```

{% endcode %}

![](https://2865107717-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9TCHLR67eLHBOjPvHhud%2Fuploads%2Fgit-blob-bfa5f225ef62b37818b22c9388cd200d09b215bd%2Ftext-input-placeholder.png?alt=media)

#### Default placeholder value per component

| UI component                                                                                                                  | Default placeholder                 |
| ----------------------------------------------------------------------------------------------------------------------------- | ----------------------------------- |
| [date-input](https://docs.journeyapps.com/reference/build/ui-components/all-ui-components/date-input)                         | "Select date"                       |
| [datetime-input](https://docs.journeyapps.com/reference/build/ui-components/all-ui-components/datetime-input)                 | "Select date" and "Select time"     |
| [display-3d-model](https://docs.journeyapps.com/reference/build/ui-components/all-ui-components/display-3d-model)             | "No model found"                    |
| [object-dropdown](https://docs.journeyapps.com/reference/build/ui-components/all-ui-components/object-dropdown)               | "No value selected"                 |
| [single-choice-dropdown](https://docs.journeyapps.com/reference/build/ui-components/all-ui-components/single-choice-dropdown) | "No value selected"                 |
| [text-input](https://docs.journeyapps.com/reference/build/ui-components/all-ui-components/text-input)                         | "Enter " + the `text-input` `label` |