# Input form properties

{% tabs %}
{% tab title="Experience level" %}
This core reference entry is suited for <mark style="color:green;">**beginner-level builders**</mark>**.**&#x20;

[Learn more about experience levels.](#user-content-fn-1)[^1]
{% endtab %}

{% tab title="In-depth articles (12)" %}
To learn about this topic more in-depth, we recommend reading the suggested articles below:

#### Input forms

* Article: [Input forms](https://manual.bubble.io/help-guides/design/elements/web-app/input-forms)

***

**Other element categories**\
In this article series, we cover how to work with different element types:

* Article series:[ Elements](https://manual.bubble.io/help-guides/design/elements)
  * Article series: [The element hierarchy](https://manual.bubble.io/help-guides/design/elements/the-element-hierarchy)
  * Article: [The page](https://manual.bubble.io/help-guides/design/elements/web-app/the-page)
  * Article series: [Container elements](https://manual.bubble.io/help-guides/design/elements/web-app/containers)

    Elements that contain other elements.
  * Article: [Visual elements](https://manual.bubble.io/help-guides/design/elements/web-app/visual-elements)

    Elements like text, buttons, icons and images.
* Article: [Conditional expressions](https://manual.bubble.io/help-guides/logic/conditions)

  Making your elements change appearance in response to varying conditions.

***

**The design tab**\
In this article we cover the different tools available in the design tab.

* Article: ´[The design tab](https://manual.bubble.io/help-guides/getting-started/navigating-the-bubble-editor/tabs-and-sections/design-tab)

***

#### Workflows

Workflows are used to connect elements with actions, such as saving the value of a text input element or uploading a file.

* Article series: [Workflows](https://manual.bubble.io/help-guides/logic/workflows)

***

#### Design

Article series focusing on design in general, explaining terminology and offering resources to help you set up a user-friendly, good looking design.

* Article series: [Design](https://manual.bubble.io/help-guides/design)
  * Article: [Responsive design](https://manual.bubble.io/help-guides/design/responsive-design)\
    Building pages that work on all devices, such as a laptop and a phone.

***

**Previewing your app**

In this section about how to [preview your app](#user-content-fn-2)[^2] in the development environment.

* Article: [Previewing your app](https://manual.bubble.io/help-guides/getting-started/navigating-the-bubble-editor/previewing-your-app)
  {% endtab %}

{% tab title="Videos (5)" %}
Bubble Academy: [How to Use The Input Element](https://www.youtube.com/watch?v=C7Yg9JbVQsI\&t=1s)\
Bubble Academy: [How to Use The Mulitline Input Element](https://www.youtube.com/watch?v=vQ8ruikkxEA)\
Bubble Academy: [How to Use the Slider Input](https://www.youtube.com/watch?v=4GxuhmKij_4)\
Bubble Academy: [Element videos](https://www.youtube.com/@BubbleIO/search?query=element) (list of videos related to elements)

#### Connecting elements to workflows

Bubble Academy: [How to Trigger Workflows From Input Changes](https://www.youtube.com/watch?v=mDEVJLujlkQ)
{% endtab %}
{% endtabs %}

{% hint style="info" icon="desktop" %}
This article describes elements available in **web apps** ↓

[Click here for native mobile input form elements](https://manual.bubble.io/core-resources/bubble-elements/element-properties/native-mobile-element-properties/input-form-properties-mobile).
{% endhint %}

Input elements accept values from users in different forms, such as text, dates, files, and dropdown selections.

<table><thead><tr><th width="166.41015625">Element type</th><th width="393.98828125">Descriptions</th><th>Link</th></tr></thead><tbody><tr><td>Input</td><td>Accepts single-line text or numerical input.</td><td><a data-mention href="input-form-properties/input-element">input-element</a></td></tr><tr><td>Multiline input</td><td>Accepts multiline text without formatting.</td><td><a data-mention href="input-form-properties/multiline-input-element">multiline-input-element</a></td></tr><tr><td>Checkbox</td><td>Returns a yes/no value based on its checkbox status.</td><td><a data-mention href="input-form-properties/checkbox-element">checkbox-element</a></td></tr><tr><td>Dropdown</td><td>Accepts a selection from a list of options presented in a dropdown.</td><td><a data-mention href="input-form-properties/dropdown-element">dropdown-element</a></td></tr><tr><td>Searchbox</td><td>Returns a database value based on text the user types to search.</td><td><a data-mention href="input-form-properties/searchbox-element">searchbox-element</a></td></tr><tr><td>Radio buttons</td><td>Accepts one option from a list of options presented as radio buttons.</td><td><a data-mention href="input-form-properties/radio-buttons-element">radio-buttons-element</a></td></tr><tr><td>Slider input</td><td>Accepts a numerical value by sliding a handle along a track.</td><td><a data-mention href="input-form-properties/slider-input-element">slider-input-element</a></td></tr><tr><td>Date/time picker</td><td>Accepts a datetime value from a calendar and time picker.</td><td><a data-mention href="input-form-properties/date-time-picker-element">date-time-picker-element</a></td></tr><tr><td>Picture uploader</td><td>Allows the user to upload an image file and store the URL in the database.</td><td><a data-mention href="input-form-properties/picture-uploader-element">picture-uploader-element</a></td></tr><tr><td>File uploader</td><td>Allows the user to upload a file and store the URL in the database.</td><td><a data-mention href="input-form-properties/file-uploader-element">file-uploader-element</a></td></tr></tbody></table>

[^1]: In the Bubble docs, experience levels are categorized into beginner, intermediate, and advanced.

    To assist with learning, especially for more complex topics, we'll recommend prerequisite reading where it could be beneficial.&#x20;

[^2]: Every chance that you make in your app can be instantly previewed so that you can see how your app looks to your users.

    User manual article: [Previewing your app](https://manual.bubble.io/help-guides/getting-started/navigating-the-bubble-editor/previewing-your-app)

    &#x20;&#x20;


---

# 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://manual.bubble.io/core-resources/bubble-elements/element-properties/web-element-properties/input-form-properties.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.