All Components

MaskedTextBox Overview

The MaskedTextBox uses a mask to control the input of the user.

Basic Usage

The following example demonstrates the MaskedTextBox in action.

@Component({
    selector: 'my-app',
    template: `
        <p>Enter phone number</p>
        <kendo-maskedtextbox [mask]="mask" [value]="value"></kendo-maskedtextbox>
    `
})

class AppComponent {
    public value: string = "359884123321";
    public mask: string = "(999) 000-00-00-00";
}

Functionality and Features

In this article