# Placeholder

Blazor Edition provides a set of native UI controls built for Blazor such as FlexGrid, Chart, ListView, and input controls including AutoComplete and ComboBox.

## Content



The placeholder provides contextual clues of what value users should enter in a control. A placeholder text is displayed when the TextBox is neither selected nor anything entered in it. You can add a placeholder text to the TextBox control using [Placeholder](/componentone/api/blazor/online-blazor/dotnet-api/C1.Blazor.Input/C1.Blazor.Input.C1TextBox.Placeholder.html) property of the [C1TextBox](/componentone/api/blazor/online-blazor/dotnet-api/C1.Blazor.Input/C1.Blazor.Input.C1TextBox.html) class. For example, in the following example, we added "Enter your password" as the placeholder text in the TextBox control to prompts the user to enter a password in it.

![Placeholder in Masked TextBox](https://cdn.mescius.io/document-site-files/images/f5b600ba-f1a7-4f89-a20c-aa6c0c35880d/images/textbox-placeholder.png)

When you click within the control and enter text, you can notice that the Placeholder disappears. In the following code, the **Placeholder** property is used to add a placeholder text in the TextBox control. In addition, the [Type](/componentone/api/blazor/online-blazor/dotnet-api/C1.Blazor.Input/C1.Blazor.Input.C1TextBox.Type.html) property is used to define the type of text to be entered in the textbox and [MaxLength](/componentone/api/blazor/online-blazor/dotnet-api/C1.Blazor.Input/C1.Blazor.Input.C1TextBox.MaxLength.html) property is used to limit the maximum number of characters allowed in the textbox.

```razor
<!--password type text box-->
<C1TextBox Placeholder="Enter your password" Type="C1.Blazor.Core.C1HtmlInputType.Password" MaxLength="16"></C1TextBox>
```