Custom Input Attributes
The Kendo UI for Angular OTP Input 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 OTP Input, 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-otpinput [inputAttributes]="inputAttributes">
</kendo-otpinput>The following example demonstrates how to set the autocomplete="one-time-code" HTML attribute.