# Number and Phone field

These two input types—**Number** and **Phone**—allow customers to enter numeric values, but they are slightly different in how they are displayed and validated.

**📌 Number Field:**

* Used for any numeric input (e.g., quantity, measurements, age).
* Includes basic settings like:
  * **Label & Name**
  * **Required field**
  * **Hidden field**
  * **Add-on price**
* **Min/Max Value**:\
  Set the allowed range for number input (e.g., min = 1, max = 100).

<figure><img src="https://3294420404-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyKpeSoGW2SR7i4BJqoeq%2Fuploads%2F7aVgLqi2cNydjex0VQ3l%2Fimage.png?alt=media&#x26;token=379b046e-d96a-470d-b51b-0772520de815" alt=""><figcaption></figcaption></figure>

* **Placeholder & Help Text**:\
  Show hints or instructions inside or near the field.

<figure><img src="https://3294420404-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyKpeSoGW2SR7i4BJqoeq%2Fuploads%2FdMJXbk99ZtxzKSONk996%2Fimage.png?alt=media&#x26;token=34ba78fe-3cc2-423d-81bb-88cbef8b4e0a" alt=""><figcaption></figcaption></figure>

* **Default Value**:\
  Pre-fill the field with a number that must fall **within** the min and max limits.

<figure><img src="https://3294420404-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyKpeSoGW2SR7i4BJqoeq%2Fuploads%2FFwsMILfw0vmbQtb079O6%2Fimage.png?alt=media&#x26;token=aa4012d4-d984-4a9a-8c06-e86369a4da3b" alt=""><figcaption></figcaption></figure>

In the **Advanced Settings** tab, you can configure similar options as those available for the [**Text** and **Textarea** elements.](https://docs.globo.io/options/option-elements/input-type-options/text-and-textarea)

**📱 Phone Field:**&#x20;

The **basic settings** for the Phone field are similar to other input fields (e.g., label, name, required field, placeholder, etc.).

In the **Advanced Settings** tab, you can configure specific options for phone inputs, including:

* **Validate international phone numbers**\
  Ensures the entered number follows international phone formats.
* **Display country flags and codes**\
  Adds a country flag and dial code selector to the field.
* **Select default country**\
  Choose a default country that will be pre-selected in the input.

<figure><img src="https://3294420404-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyKpeSoGW2SR7i4BJqoeq%2Fuploads%2FeP68HY9bZQFf78lD4dkE%2Fimage.png?alt=media&#x26;token=67f58962-92f5-4de6-96ad-8c96dcbb8cb6" alt=""><figcaption></figcaption></figure>

The other setting can be configured same to other elements.

📧 **Need Help?**\
If you run into any issues while setting up your option set, feel free to reach out to us at **Chat** or email **<contact@globosoftware.net>**.

We’re always here and happy to help — with sincerity and care!
