Field Formulir

Menyusun pertanyaan pada form PPDB Simkas: tipe field, pengaturan tiap field, lebar kolom, dan pengelompokan dengan heading.

Tab Field Formulir menentukan pertanyaan apa saja yang harus dijawab pendaftar. Setiap field tampil sebagai kotak pada pratinjau tata letak; klik kotaknya untuk membuka modal pengaturan, atau gunakan tombol panah yang muncul saat kursor diarahkan ke kotak untuk menaikkan dan menurunkan urutan.

Field bawaan

Form baru sudah membawa tiga field dasar yang tidak bisa diabaikan:

Nama field	Label	Kegunaan
`nama`	Nama Lengkap	Identitas pendaftar
`email`	Email	Pengiriman nomor registrasi dan pencegahan pendaftaran ganda
`telepon`	No Telepon	Kontak panitia ke pendaftar

Ketiganya dipakai sistem di luar formulir itu sendiri. Satu alamat email hanya boleh dipakai sekali untuk satu form yang sama, jadi jangan mengganti nama field ini bila tidak yakin.

Tipe field

Tipe	Dipakai untuk
Heading/Section	Judul pemisah bagian, bukan isian
Text	Isian satu baris, misalnya nama sekolah asal
Textarea	Isian panjang, misalnya alamat atau catatan
Email	Alamat email dengan pemeriksaan format
Telepon	Nomor telepon
Number	Isian angka
Password	Isian tersembunyi
Date, Date Time, Time	Tanggal, tanggal dan jam, jam
Select Dropdown	Pilihan tunggal dari daftar
Radio Button	Pilihan tunggal yang seluruh opsinya terlihat
Checkbox	Pilihan yang bisa lebih dari satu
File Upload	Unggahan berkas, misalnya kartu keluarga atau ijazah
Image Upload	Unggahan gambar, misalnya pas foto

Untuk Select, Radio, dan Checkbox, daftar pilihannya diisi pada bagian opsi field. Heading hanya judul pemisah dan tidak dihitung sebagai field isian.

Pengaturan tiap field

Pengaturan	Fungsi
Label	Teks yang dibaca pendaftar, misalnya "Nama Lengkap"
Nama Field	Kunci data yang disimpan, misalnya `nama_lengkap`; gunakan huruf kecil, angka, dan garis bawah, tanpa spasi
Tipe Field	Menentukan bentuk isian dan validasi dasarnya
Placeholder	Contoh isian di dalam kotak input
Lebar Kolom	100%, 50%, 33.33%, 25%, atau 20% untuk menempatkan beberapa field sebaris
Wajib diisi	Pendaftar tidak bisa mengirim form bila kosong
Maksimal Karakter	Batas panjang isian; kosongkan bila tidak dibatasi
Aturan Validasi Tambahan	Aturan siap pakai (lihat Validasi dan Kondisi)
Validasi Kustom	Aturan lanjutan dengan format validasi Laravel
Kondisi Tampil	Field hanya muncul bila field lain memenuhi syarat tertentu
Kondisi Opsi	Menampilkan atau menyembunyikan pilihan pada field pilihan
Ini Item Biaya	Nilai field dihitung sebagai rincian biaya pendaftaran
Tampilkan dalam kolom depan	Untuk field yang perlu tampil menonjol pada tata letak

Menyusun kolom berdampingan

Aturan tata letaknya sederhana: dalam satu baris, total lebar kolom tidak boleh lebih dari 100%.

Dua field berlebar 50% akan berdampingan.
Tiga field berlebar 33.33% membentuk satu baris tiga kolom, misalnya tanggal lahir, jenis kelamin, dan agama.
Empat field berlebar 25% atau lima field berlebar 20% dipakai untuk isian pendek seperti nilai rapor atau ukuran seragam.
Field berlebar 100% selalu memulai baris baru.

Susun field yang saling berhubungan secara berurutan. Pada layar ponsel, kolom-kolom yang berdampingan akan menumpuk secara otomatis, jadi jangan menaruh isian panjang pada kolom sempit.

Mengelompokkan dengan heading

Form dengan belasan isian jauh lebih nyaman dikerjakan bila terbagi menjadi bagian. Pola pengelompokan yang biasa dipakai sekolah:

Data Calon Peserta Didik - nama, jenis kelamin, tempat dan tanggal lahir, asal sekolah.
Data Orang Tua atau Wali - nama ayah, nama ibu, pekerjaan, penghasilan, nomor kontak.
Alamat - alamat lengkap, kecamatan, kabupaten, kode pos.
Pilihan Program - jenjang, jurusan, atau program yang diminati.
Dokumen Unggahan - kartu keluarga, akta kelahiran, ijazah, pas foto.

Heading tidak memerlukan pengaturan validasi, cukup labelnya. Lebar heading biasanya dibiarkan 100% agar judul bagian selalu memulai baris baru.