ช่องกรอก 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 แสดงเป็นจุด