Mukhang hanay ng mga slot ang OTP input, pero sa ilalim nito ay iisang native na <input>. Ordinaryong text field ang nakikita ng SMS autofill (autocomplete="one-time-code"), ng paste, ng mga password manager, ng mga form at ng mga screen reader.
Nililinis ang mga ipinaste na code, kaya parehong gumagana ang “123-456” at “123 456”, at tinatanggihan ang mga character na hindi pinapayagan ng pattern. Sa Android, pinupunan ng webOtp ang code mula sa SMS pagdating nito.
Pag-verify
Nagfa-fire ang (completed) kapag napuno ang huling slot. I-set ang aria-invalid sa input para tanggihan ang isang code: nagiging pula ang mga slot at umaalog.
Try 123456, or anything else.
Mga titik, grupo at masking
Tumatanggap din ng mga titik ang pattern="alphanumeric", nagdadagdag ng mga separator ang [groups], at gumuguhit ng mga tuldok ang masked.