Custom Input Attributes
The Kendo UI for Angular TextBox 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 TextBox, 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-textbox [inputAttributes]="inputAttributes">
</kendo-textbox>The following example demonstrates how to set the autocomplete="given-name" and autocomplete="family-name" HTML attributes.