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 कैरेक्टर की जगह बिंदु दिखाता है।