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 = "[phone]-00";
}

Functionality and Features

• Disabled MaskedTextBox
• Read-only MaskedTextBox
• Value
• Masks
• Validation
• Forms support
• Debouncing updates of the input value
• Globalization
• Accessibility

Suggested Links

• API Reference of the MaskedTextBox