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 कॅरेक्टर्सऐवजी ठिपके दाखवते.