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 نقطے دکھاتا ہے۔