Skip to main content

Overview

The OTP input automatically advances focus across digits, supports keyboard navigation, backspace jumps, and clipboard pasting.

Example

<div class="form-otp" data-boodoo="otp">
  <input type="text" class="form-otp-input" id="otpDigit1" name="otpDigit1">
  <input type="text" class="form-otp-input" id="otpDigit2" name="otpDigit2">
  <input type="text" class="form-otp-input" id="otpDigit3" name="otpDigit3">
  <input type="text" class="form-otp-input" id="otpDigit4" name="otpDigit4">
  <input type="text" class="form-otp-input" id="otpDigit5" name="otpDigit5">
  <input type="text" class="form-otp-input" id="otpDigit6" name="otpDigit6">
</div>