Apa itu Pembuat Formulir?

Form Builder memungkinkan Anda membuat formulir kustom dengan editor visual. Tambahkan kolom teks, dropdown, kotak centang, dan lainnya, lalu ekspor formulir sebagai HTML atau skema JSON.

Pilih dari empat belas jenis bidang: teks, email, telepon, URL, angka, tanggal, unggah berkas, skala penilaian, dropdown, kotak centang, pilihan tunggal, area teks, blok deskripsi untuk teks pembuka, dan pemisah halaman yang membagi formulir panjang menjadi langkah-langkah. Setiap bidang isian punya label, teks bantuan opsional, placeholder, penanda wajib, dan daftar opsi untuk dropdown dan pilihan tunggal. Mulai dari templat siap pakai (kontak, masukan, survei, pendaftaran, pesanan, pemesanan), ubah urutan bidang dengan panah atas/bawah, pratinjau formulir secara langsung dengan bilah kemajuan antarhalaman, lalu ekspor halaman HTML bergaya rapi yang siap ditempel ke situs mana pun atau skema JSON untuk validasi di server.

Cara menggunakan

1. Langkah 1 — Klik "Tambah Bidang" untuk menyisipkan bidang baru dan memilih jenisnya (teks, email, telepon, URL, angka, tanggal, berkas, skala penilaian, dropdown, kotak centang, pilihan tunggal, atau area teks), tambahkan pemisah halaman untuk membagi formulir panjang menjadi langkah-langkah, atau muat templat siap pakai untuk mulai cepat.
2. Langkah 2 — Klik kolom mana pun untuk mengatur label, placeholder, dan apakah wajib diisi.
3. Langkah 3 — Pratinjau formulir secara langsung, lalu ekspor sebagai kode HTML atau skema JSON untuk diintegrasikan ke proyek Anda.

Kapan menggunakan

• Membuat form pendaftaran atau RSVP cepat untuk disisipkan di situs statis.
• Membuat prototipe form sebelum menyerahkan skemanya ke developer untuk dirangkai.
• Mengajarkan dasar form HTML tanpa membuat siswa mengetik tiap input dari nol.

Hasil

Seorang guru membuat formulir pendaftaran kelas dengan kolom Nama Siswa (teks wajib), Tingkat Kelas (dropdown: 9-12), Email (validasi email), dan textarea Komentar — lalu mengekspor HTML untuk disematkan di situs web sekolah.

FAQ

Ke mana data form pergi saat seseorang mengirimkannya?

Tidak ke mana-mana secara default. HTML hasil ekspor tidak punya URL action, jadi pengiriman tidak ke mana-mana dan data tidak pernah meninggalkan perangkat. Untuk menampung jawaban, arahkan atribut action ke endpoint Anda sendiri, Formspree, Google Forms, atau fungsi serverless.

Bisakah form yang sudah ada diimpor kembali ke editor?

Belum bisa. Ekspor bersifat satu arah: dari editor ke HTML atau JSON. Kalau perlu mengedit lagi nanti, simpan skema JSON dan susun ulang manual, atau biarkan sesi editor tetap terbuka sampai Anda selesai mengiterasi.

Kenapa opsi dropdown saya tidak muncul?

Dropdown dan radio butuh minimal satu entri di daftar Options. Klik kolomnya, buka bagian Options, lalu tulis tiap pilihan dipisah koma atau baris baru. Daftar opsi kosong akan dirender sebagai elemen select tunggal tanpa isi.

Apakah HTML yang diekspor sudah memuat styling?

Ya — kini setiap ekspor HTML menyertakan lembar gaya kecil bawaan, sehingga formulir terlihat rapi dan mudah dibaca begitu file dibuka: jarak yang teratur, garis tepi kolom, focus ring, dan tombol kirim bergaya. CSS-nya minimal dan mandiri, jadi Anda bisa membiarkannya atau menghapus blok gaya lalu memasang class Tailwind, Bootstrap, atau framework Anda sendiri.

Apa beda antara ekspor HTML dan JSON?

HTML siap ditempel ke halaman dan langsung tampil. JSON adalah skema terstruktur berisi jenis kolom, label, dan aturan validasi, cocok untuk dirender dengan React, Vue, atau pustaka seperti react-hook-form atau Formik.

Alat terkait