COMPONENT / FORMS
Input.
Pasangkan name dengan kunci input backend.
Preview
PHP view
<?= component('input', ['label' => 'Project name', 'name' => 'project', 'placeholder' => 'My next idea']) ?>Usage
Pasangkan name dengan kunci input backend. Kirim value dan error kembali saat validasi gagal.
- 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', ['label' => 'Project name', 'name' => 'project', 'placeholder' => 'My next idea']) ?>Examples
Validation error
Masukkan alamat email yang valid.
PHP view
<?= component('input', ['name' => 'email', 'label' => 'Email', 'type' => 'email', 'value' => 'not-an-email', 'error' => 'Masukkan alamat email yang valid.']) ?>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 |
|---|---|---|
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. |
label | string | Teks label, pemicu, atau nama aksesibel komponen. |
type | text|email|password|number|search|url|date | Tipe elemen native. |
value | string|int | Nilai awal kontrol. |
placeholder | string | Petunjuk saat input kosong; tidak menggantikan label. |
required | bool | Mengaktifkan validasi required native (default false). |
disabled | bool | Menonaktifkan kontrol (default false). |
error | string | Pesan validasi server; kosong berarti tidak ada pesan. |
Behavior & accessibility
Label terhubung ke id. Error mengaktifkan aria-invalid dan aria-describedby. Gunakan id unik jika name dipakai berulang.
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.php. Edit template ini jika membutuhkan perilaku tambahan. API PHP DL berbeda dari API React sumber rujukan.
Terminal
php dl component input