# Adaptiveness

The Telerik UI for ASP.NET Core OTPInput does not require specific adaptive rendering but enables you to configure a suitable input-specific keyboard that appears on touchscreen devices upon interaction.

## On-Screen Keyboard

To enhance the user experience of your application on mobile devices, you can configure the type of the on-screen keyboard for the OTPInput component.

To display an on-screen keyboard when the user focuses the OTPInput, set the `InputMode()` property to any of the supported <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode#values" target="_blank">`inputmode`</a> HTML attribute values. Based on the defined value, the browser displays the respective virtual keyboard on the screen.

The following example demonstrates how to configure the most appropriate on-screen keyboard for the OTPInput.

```Razor HtmlHelper
  @(Html.Kendo().OTPInput()
    .Name("otp")
    .Items(5)
    .InputMode("text")
  )
```

```Razor TagHelper
    @addTagHelper *, Kendo.Mvc

    <kendo-otpinput name="otp" 
      items="5"
      input-mode="text">
    </kendo-otpinput>
```

## See Also

* [Adaptive Rendering of the Components](https://www.telerik.com/aspnet-core-ui/documentation/styles-and-layout/adaptive-rendering)

* [Server-Side API of the OTPInput HtmlHelper](https://www.telerik.com/aspnet-core-ui/documentation/api/otpinput)

* [Server-Side API of the OTPInput TagHelper](https://www.telerik.com/aspnet-core-ui/documentation/api/taghelpers/otpinput)