COMPONENT / FORMS
Input OTP.
Satu input native untuk kode numerik sepanjang 4–8 digit.
Preview
Enter 6 digits.
PHP view
<?= component('input-otp', ['label' => 'Verification code', 'name' => 'code']) ?>Usage
Satu input native untuk kode numerik sepanjang 4–8 digit. Tidak mengirim OTP atau memverifikasi kode otomatis.
- Gunakan layout DL yang sudah memuat CSS dan dl.js.
- Letakkan kode berikut di view PHP Anda.
- Ganti data contoh dengan nilai aplikasi. Teks di-escape otomatis.
PHP view
<?= component('input-otp', ['label' => 'Verification code', 'name' => 'code']) ?>API reference
Props PHP yang didukung implementasi DL. Field di dalam array mengikuti bentuk pada kolom Type. Props yang tidak dicantumkan tidak menjadi bagian API komponen.
| Prop | Type / values | Panduan |
|---|---|---|
label | string | Teks label, pemicu, atau nama aksesibel komponen. |
name | string | Nama field form; pada avatar/attachment menjadi nama yang ditampilkan. |
id | string | ID unik DOM. Jika tidak diberikan, template memakai ID otomatis atau nama field. |
length | int | Jumlah digit OTP, dibatasi 4–8 (default 6). |
value | string|int | Nilai awal kontrol. |
Behavior & accessibility
Mendukung paste dan autocomplete one-time-code. Verifikasi, kedaluwarsa dan pembatasan percobaan milik backend.
Uji keyboard, fokus, dan pembaca layar pada halaman aplikasi Anda. Contoh ini tidak menggantikan audit aksesibilitas aplikasi secara menyeluruh.
Source & agent context
Source tersedia di views/components/input-otp.php. Edit template ini jika membutuhkan perilaku tambahan. API PHP DL berbeda dari API React sumber rujukan.
Terminal
php dl component input-otp