> For the complete documentation index, see [llms.txt](https://manual.bubble.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://manual.bubble.io/core-resources/bubble-elements/element-properties/web-element-properties/input-form-properties.md).

# Input form properties

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

[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](/help-guides/design/elements/web-app/input-forms.md)

***

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

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

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

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

  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](/help-guides/getting-started/navigating-the-bubble-editor/tabs-and-sections/design-tab.md)

***

#### 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](/help-guides/logic/workflows.md)

***

#### 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](/help-guides/design.md)
  * Article: [Responsive design](/help-guides/design/responsive-design.md)\
    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](/help-guides/getting-started/navigating-the-bubble-editor/previewing-your-app.md)
  {% 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](/core-resources/bubble-elements/element-properties/native-mobile-element-properties/input-form-properties-mobile.md).
{% 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="/pages/BJwfwpltG6Zsojuc0Fc6">/pages/BJwfwpltG6Zsojuc0Fc6</a></td></tr><tr><td>Multiline input</td><td>Accepts multiline text without formatting.</td><td><a data-mention href="/pages/gmggNt4ocVURCWNKNLkv">/pages/gmggNt4ocVURCWNKNLkv</a></td></tr><tr><td>Checkbox</td><td>Returns a yes/no value based on its checkbox status.</td><td><a data-mention href="/pages/rYPJdq9C2p4z2Cxv5q50">/pages/rYPJdq9C2p4z2Cxv5q50</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="/pages/5VpPNewv8a7TnPU8biKo">/pages/5VpPNewv8a7TnPU8biKo</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="/pages/vCJGVMQqwlRzp0O7lO2I">/pages/vCJGVMQqwlRzp0O7lO2I</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="/pages/PYC1d84qUpmVLUCJsEoN">/pages/PYC1d84qUpmVLUCJsEoN</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="/pages/NuIdgHQcuNSVr4RuaWB0">/pages/NuIdgHQcuNSVr4RuaWB0</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="/pages/ZNPwIN0TjoDpRwJuA1t7">/pages/ZNPwIN0TjoDpRwJuA1t7</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="/pages/ATNjnUpCJtS39XHOgc3c">/pages/ATNjnUpCJtS39XHOgc3c</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="/pages/jxnBYj4QoAflmkrhejbp">/pages/jxnBYj4QoAflmkrhejbp</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.

[^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](/help-guides/getting-started/navigating-the-bubble-editor/previewing-your-app.md)