OTP ইনপুট দেখতে স্লটের একটি সারির মতো, কিন্তু এর নিচে আছে একটিমাত্র নেটিভ <input>। SMS অটোফিল (autocomplete="one-time-code"), পেস্ট, পাসওয়ার্ড ম্যানেজার, ফর্ম ও স্ক্রিন রিডার, সবার কাছে এটি একটি সাধারণ টেক্সট ফিল্ড।
পেস্ট করা কোড পরিষ্কার করে নেওয়া হয়, তাই “123-456” আর “123 456” দুটোই চলে, আর প্যাটার্নে অনুমতি নেই এমন ক্যারেক্টার নেওয়া হয় না। Android-এ webOtp SMS আসামাত্র তা থেকে কোড ভরে দেয়।
যাচাইকরণ
শেষ স্লট ভরলেই (completed) এমিট হয়। কোড বাতিল করতে ইনপুটে aria-invalid সেট করুন: স্লটগুলো লাল হয়ে কেঁপে ওঠে।
Try 123456, or anything else.
অক্ষর, গ্রুপ ও মাস্কিং
pattern="alphanumeric" অক্ষরও নেয়, [groups] বিভাজক যোগ করে, আর masked ক্যারেক্টারের বদলে বিন্দু দেখায়।