Ô nhập OTP trông như một hàng ô, nhưng bên dưới chỉ là một <input> native. Tính năng tự điền từ SMS (autocomplete="one-time-code"), thao tác dán, trình quản lý mật khẩu, biểu mẫu và trình đọc màn hình đều thấy một trường văn bản bình thường.
Mã được dán vào sẽ được làm sạch, nên cả “123-456” lẫn “123 456” đều dùng được, còn ký tự mà mẫu không cho phép sẽ bị từ chối. Trên Android, webOtp điền mã từ SMS ngay khi tin nhắn đến.
Xác minh
(completed) được kích hoạt khi ô cuối cùng được điền. Đặt aria-invalid trên ô nhập để từ chối một mã: các ô chuyển sang màu đỏ và rung lên.
Try 123456, or anything else.
Chữ cái, nhóm và che ký tự
pattern="alphanumeric" nhận cả chữ cái, [groups] thêm dấu phân cách, còn masked hiển thị dấu chấm.