Elemen Form

Kumpulan kontrol masukan dasar hingga lanjutan yang siap dipakai.

Input Dasar

Variasi input teks: standar, placeholder, nonaktif, dan hanya baca.

Teks dasar

Input kosong tanpa label.

Dengan placeholder

Petunjuk di dalam kolom.

Nonaktif

Tidak dapat diubah pengguna.

Hanya baca

Nilai dapat disalin namun tidak diubah.

Ikon & Grup Input

Ikon di dalam kolom serta grup input dengan teks dan tombol.

Pencarian

Ikon di awal kolom.

Surel

Ikon mail dengan aturan domain.

@nusantara.id

Dengan tombol

Kolom dengan aksi di ujung kanan.

Mata uang

Prefiks teks tetap.

Label, Bantuan & Galat

Label yang dilengkapi teks bantuan dan pesan galat.

Dengan bantuan

Petunjuk tambahan di bawah kolom.

Nama pengguna

Gunakan huruf kecil, angka, dan titik.

Menampilkan galat

Kolom tidak valid.

Surel

Format surel belum benar.

Kata Sandi

Kolom sandi dengan tombol untuk menyembunyikan atau menampilkan.

Sembunyikan / tampilkan

Ikon mata mengubah tipe input.

Kata sandi

Minimal 8 karakter, kombinasi huruf dan angka.

Area Teks

Textarea biasa dan textarea yang menyesuaikan tinggi konten.

Textarea biasa

Tinggi tetap minimal.

Menyesuaikan konten

Tinggi mengikuti isi (field-sizing).

Pilihan & Teks

Select, input telepon, dan input tanggal bawaan.

Select

Daftar pilihan kota.

Telepon

Input telepon dengan ikon dan tips.

Nomor telepon

Tanggal native

Input tipe date bawaan peramban.

Tanggal bergabung

Checkbox, Radio & Switch

Kontrol pilihan tunggal, banyak, dan sakelar aktif/nonaktif.

Checkbox

Pilihan yang dapat dicentang.

Saya menyetujui syarat layanan

Kirim buletin mingguan

Opsi nonaktif

Radio Group

Hanya satu pilihan aktif.

Starter

Growth

Enterprise

Switch

Sakelar untuk pengaturan.

Notifikasi surel

Mode gelap otomatis

Slider

Nilai tunggal dengan rentang.

Volume65%

Input Angka & OTP

Stepper berbasis state dan kode OTP enam digit.

Stepper angka

Tombol menambah dan mengurangi nilai.

Kode OTP

Enam digit dengan pemisah di tengah.

[data-input-otp] { --nojs-bg: white !important; --nojs-fg: black !important; background-color: var(--nojs-bg) !important; color: var(--nojs-fg) !important; caret-color: var(--nojs-fg) !important; letter-spacing: .25em !important; text-align: center !important; border: 1px solid var(--nojs-fg) !important; border-radius: 4px !important; width: 100% !important; } @media (prefers-color-scheme: dark) { [data-input-otp] { --nojs-bg: black !important; --nojs-fg: white !important; } }

Kode dikirim ke perangkat terdaftar.

Unggah Berkas Sederhana

Input tipe file bawaan dengan label dan keterangan.

Berkas tunggal

Satu berkas PDF atau dokumen.

Dokumen pendukung

Format PDF, DOC, atau DOCX maksimal 5 MB.

Banyak berkas

Beberapa berkas sekaligus.

Lampiran

Detail Akun

Gabungan input teks, ikon, dan nomor kartu dalam satu formulir.

Nama lengkap

Surel

Nomor kartu