TextBox

• Sep 24, 2025
• 2 minutes to read

TextBox is a UI component that allows users to enter and edit a single line of text.

Run Demo: TextBox Read Tutorial

Getting Started

The TextBox UI Control is based on the DevExtreme TextBox component.

To add this control to your project, follow instructions in the following help topics:

• Configure a Visual Studio Project or Configure a non Visual Studio Project
• Add Controls to a Project
• Razor Syntax

Basic Syntax

TextBoxBasics.cshtml

@(Html.DevExtreme().TextBox()
    .Placeholder("Enter text here...")
)

TextBoxController.cs

using Microsoft.AspNetCore.Mvc;

namespace ASP_NET_Core.Controllers {
    public class TextBoxController : Controller {
        public IActionResult GettingStarted() {
            return View();
        }
    }
}

Built-in Capabilities and Configuration Guides

• Styling
  You can select a styling mode for DevExtreme TextBox, specify label placement, and define a placeholder for an empty editor.

• Data Validation and Spellcheck
  TextBox supports spellcheck functionality. The component includes various validation rules and real-time validation feedback. Adjust error message position as needed.

• Input Masking
  Select from a range of predefined mask types. For instance, use the password mode to conceal characters in TextBox. Alternatively, create and configure custom masks.

• Button Integration
  Integrate custom buttons inside the input field. You can also enable predefined buttons like a clear button.

• Text Length Limitation
  You can specify the maxLength property to limit the text length.

API

Server-Side API

Initialization

Call the TextBox() method to create a TextBox control. This action initializes a TextBoxBuilder instance. Use the instance methods to specify TextBox options and event handlers.

Options

For a complete option list, see Options. For details on how to specify control options, refer to the following help topic: Specify Options.

Events

For available events, see Events. For details on how to handle events, refer to the following help topic: Handle Events and Define Callbacks.

Client-Side API

Options

If you need to specify the TextBox options dynamically on the client side, use client-side API. For a complete option list, see DevExtreme TextBox options.

Methods

For a list of available methods, see DevExtreme TextBox methods. For details on how to call methods, refer to the following help topic: Call Methods.

Accessibility

For more information on TextBox accessibility compliance, refer to the following help topic: Accessibility.

Demos

Run Demo: TextBox