# Text Input

### Adding the Text Input Component

Select the Text Input Component from the left panel under ***Forms & Fields*** and drag onto your screen where you can rename it for easy identification when using.

<div><figure><img src="https://3467607506-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LhGHkPsv15svPIU5I7C%2Fuploads%2FnRVSZJdM9kyGWODOPzPE%2FSelect%20Component%26Drag%20to%20Screen.png?alt=media&#x26;token=8e3109fe-ba10-4f8c-8246-a4d6e7d9d1ce" alt="" width="241"><figcaption></figcaption></figure> <figure><img src="https://3467607506-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LhGHkPsv15svPIU5I7C%2Fuploads%2FbL8oI6JLdw5tSnTikLV7%2FRename%20Component.png?alt=media&#x26;token=7c0b87ef-3015-4ad7-8fca-f86442e78c8d" alt="" width="563"><figcaption></figcaption></figure></div>

### Set up your Component

#### Input Type

Select the Input Type based on the use of the component.

<figure><img src="https://3467607506-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LhGHkPsv15svPIU5I7C%2Fuploads%2FmFSmUjCUu8AhoNNdpFX8%2FSelect%20Type.png?alt=media&#x26;token=4765089f-e7e6-475a-abe3-92548c40fb98" alt=""><figcaption></figcaption></figure>

The Input Type limits the characters and adjusts the keyboard based on your selection depending on the Device/Browser. Keyboard type is automatic and cannot be changed.

* Normal - Accepts all characters.
* Lowercase - Only accepts lower case characters.
* Password - Masks input for user passwords.
* Email - Shows email characters on Keyboard.
* Number - Accepts integers, comma (as decimal), decimal, and dash. **(Will not accept both "," and ".")**

#### Placeholder

Add a placeholder. This gives your user a hint of what should be entered.&#x20;

<figure><img src="https://3467607506-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LhGHkPsv15svPIU5I7C%2Fuploads%2FN3Y8daFciMIhjHSm0Dhi%2FPlaceholder.png?alt=media&#x26;token=fcb4f45b-6cda-4c43-96e7-c910381e42fe" alt="" width="563"><figcaption></figcaption></figure>

#### Default Value

Enter the default value. This can be entered manually or pulled from MagicText depending on your use case.&#x20;

<figure><img src="https://3467607506-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LhGHkPsv15svPIU5I7C%2Fuploads%2FhfWXc38N9FZUSZfYJzpr%2FDefault%20Value.png?alt=media&#x26;token=536c53ea-ce1b-4814-ad4b-0b3a499c853b" alt="" width="251"><figcaption></figcaption></figure>

### Edit the style of your Text Input

You can edit the style similar to that of other components with a few specific options.

<figure><img src="https://3467607506-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LhGHkPsv15svPIU5I7C%2Fuploads%2FD6wJRqvC55lQ9QNca5Vg%2FScreenshot%202024-08-21%20at%204.09.47%E2%80%AFPM.png?alt=media&#x26;token=f69a9aa2-dfda-4fba-ad20-e20c043c5544" alt=""><figcaption></figcaption></figure>

#### Max Length

Max length will limit the number of characters that can be input by the user. After the limit is reached, no additional characters can be entered.&#x20;

#### Auto-Focus

Auto-Focus will automatically select the text input for typing when the User navigates to the screen. This should only be selected for 1 Input Component per screen.

## Learn More

* Text Input does not currently support right to left typing for languages in iOS Native Apps.&#x20;
* Use the Text Input to create a Custom Form for uploading data into your Adalo Collection.
* Text Inputs will clear automatically after the data is used in an action. If the Data is not used in a subsequent action, it will remain until the device cache is cleared or the text is deleted manually.
* If using Text Inputs to filter lists, you should only use each input 1 time to ensure it works as expected.&#x20;

## Help

If you need additional help with this article, you can always ask in our[ community forum](https://forum.adalo.com/)! Be sure to paste the link to this article in your post as well!

Looking for more features? Check out additional components available for purchase in the Adalo Component Marketplace!