---
title: "input"
url: "https://docs.leaddoubler.com/en/article/input"
language: "en"
last_updated: "2025-05-13T11:47:12.853Z"
---

# input

A text field that allows the user to enter and specify custom text.

![](https://cdn-assets.productfruits.com/d3506219-a6c4-4ae2-b739-56b79b0325e0)

## Syntax

* * *

| **A** | **B** | **C** |
| --- | --- | --- |
| Name |  |  |

or

| **A** | **B** | **C** |
| --- | --- | --- |
| Name |  | input |

## User information

* * *

When collecting information about a person, you should use the following types (**column C**) instead. Using these types will correctly create the person as a "Contact" in our platform:

| **A** | **B** | **C** |
| --- | --- | --- |
| First name |  | firstName |
| Last name |  | lastName |
| Address |  | address |
| Zip |  | zip |
| City |  | city |
| Country |  | country |
| Company |  | company |
| Phone number |  | phone |
| Email |  | email |

## Validation (Column D)

* * *

Use these to ensure the data entered by the user meets predefined criteria, such as format or range, thereby ensuring the accuracy and consistency of the data [(Read more)](https://docs.leaddoubler.com/article/input-section-column-explanation#validation-(d)):

### required

Checks that the field is not empty

### number

Checks that what has been written is a number, it also changes the keyboard on mobile to the "number keyboard with decimal"

### email

Checks that what has been written is an email, it also changes the keyboard on mobile to the "email keyboard"

### minvalue=value

Checks that the number in the field is not lower than this value

### maxvalue=value

Checks that the number in the field is not higher than this value

### minchars=value

Checks that the number of characters in the field is not less than this value

### maxchars=value

Checks that the number of characters in the field is not greater than this value

#### Examples

| **A** | **B** | **C** | **D** |
| --- | --- | --- | --- |
| First name |  | firstName | required |
| Last name |  | lastName | required |
| Address |  | address | required |
| Zip |  | zip | required,minchars=4,maxchars=4 |
| City |  | city | required |

## Settings (Column G)

* * *

Used these to configure the behavior and appearance of fields, such as determining the number of decimal places in a numeric output or controlling when a field is displayed based on other input values [(Read more)](https://docs.leaddoubler.com/article/input-section-column-explanation#settings-(g)).

### symbol:value=before/after

Adds text or, an icon in front of or behind the text field.

For the addition of an icon, find the icon you want to use here and put "fa-" in front of the name of the icon: [https://fontawesome.com/v4/icons/](https://docs.leaddoubler.com/en/article/input#)

#### Text example syntax

```plaintext
{symbol:m²=after}
```

#### Icon example syntax

```plaintext
{symbol:fa-user=before}
```

### hidden:true

Hides the field

### showIf:logicid=value

Hides the field until the field with the logic id you define has the value you have entered.  
​

#### Syntax

```plaintext
{showIf:insurance=Yes}
```

In this example, we only show the input field if the field with the logic id "insurance" has the value "Yes", for example for use on buttons with the options "Yes" and "No"

### hideIf:logicid=value

Shows the field until the field with the logic id you define has the value you have entered.  
​

#### Syntax

```plaintext
{showIf:insurance=No}
```

In this example, we only hide the input field if the field with the logic id "insurance" has the value "No", for example for use on buttons with the options "Yes" and "No"

### smartHide:true/false

If set to true, it automatically hides the field if it already has a value (typically from session or set via. Parameter in the url)

#### Examples

| **A** | **B** | **C** | **D** | **E** | **F** | **G** |
| --- | --- | --- | --- | --- | --- | --- |
| Name |  | firstName | required | firstName |  | {symbol:fa-user=before} |
| Size of the house |  |  | required | m2Size |  | {symbol:m²=after} |

### Multiple Settings

You can apply multiple settings to an input field by combining them inside one `{}` block, separated by commas. This allows you to control both logic and appearance.

Example 1:

```plaintext
{symbol:m²=after,showIf:insurance=Yes}
```

Adds "m²" after the input and only shows the field if the input with logic ID `insurance` is “Yes”.

Example 2:

```plaintext
{symbol:fa-user=before,hideIf:membership=No}
```

Shows a user icon before the input and hides the field when `membership` equals “No”.

You can mix settings freely to match both design and logic needs.