---
title: "Edit a Phone Input Element"
slug: "edit-a-phone-input-element"
updated: 2026-03-12T09:52:04Z
published: 2026-03-12T09:52:04Z
canonical: "academy.insiderone.com/edit-a-phone-input-element"
---

> ## Documentation Index
> Fetch the complete documentation index at: https://academy.insiderone.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Edit a Phone Input Element

While [designing](/v1/docs/design-a-web-template) a web template, you can personalize the phone input element in different ways.

First, you can customize the input based on user interaction. For example, you can set a different background color for the input in the default, filled, and error cases.

![](https://cdn.document360.io/c6df4583-da94-4cb2-bb8a-be0cbdd11109/Images/Documentation/ld1.gif)

You can change the placeholder and label text in the **Settings** menu and decide whether this input is mandatory for the end users to submit the form.

When you enable the “**Show Country Code Based On User's Location**” toggle, the country code in the phone number input is automatically adjusted based on the user’s location, so users do not need to change it manually. If you do not want to enable this feature, you need to select a default country code to be shown in the phone number input.

> [!NOTE]
> Please keep in mind that you can add only one phone number input to the template.