Input OTP terlihat seperti deretan slot, tetapi di baliknya hanya ada satu <input> native. Isi otomatis dari SMS (autocomplete="one-time-code"), tempel, pengelola kata sandi, formulir, dan pembaca layar semuanya melihat kolom teks biasa.
Kode yang ditempel akan dibersihkan, jadi “123-456” maupun “123 456” sama-sama berfungsi, dan karakter yang tidak diizinkan pola akan ditolak. Di Android, webOtp mengisi kode dari SMS begitu pesan itu masuk.
Verifikasi
(completed) terpicu saat slot terakhir terisi. Tetapkan aria-invalid pada input untuk menolak kode: slot berubah merah dan bergetar.
Try 123456, or anything else.
Huruf, grup, dan penyamaran
pattern="alphanumeric" juga menerima huruf, [groups] menambahkan pemisah, dan masked menampilkan titik.