Custom Input Attributes
The Kendo UI for Angular MaskedTextBox enables you to extend its default functionality by adding custom HTML attributes to the underlying <input> element of the component. This feature is particularly useful when you need to enhance the accessibility, optimize the mobile input experience, or customize the browser auto-fill behavior.
To learn more about configuring the
inputmodeHTML attribute and exploring different types of on-screen keyboards, visit the On-Screen Keyboard article.
To define custom attributes for the inner HTML <input> element of the MaskedTextBox, use the inputAttributes property of the component. The inputAttributes property accepts an object where each key represents an attribute name and its corresponding value.
<kendo-maskedtextbox [inputAttributes]="inputAttributes">
</kendo-maskedtextbox>The following example demonstrates how to set the autocomplete="tel" HTML attribute.