Bidang Angka
Kumpulkan angka dengan presisi dan gaya. Dari input numerik sederhana hingga slider interaktif dengan format mata uang - kolom Angka menyediakan validasi, pemformatan, dan pengalaman pengguna yang indah.
Pengumpulan Nomor Cerdas dengan Validasi Terintegrasi
Sempurna untuk:
Fitur Canggih untuk Setiap Kebutuhan
🎯 Kontrol Validasi yang Tepat
Batas Min/Max
Tetapkan nilai terendah dan tertinggi yang diizinkan. Cegah entri yang tidak valid sebelum pengiriman dengan validasi bawaan browser.
Kontrol Ukuran Langkah
Tentukan nilai kenaikan – bilangan bulat (1), setengah langkah (0.5), atau desimal tepat (0.01) untuk mata uang.
contoh:
- Kolom usia: Min 18, Maks 100, Langkah 1
- Kolom harga: Min 0, Maks 10000, Langkah 0.01
- Peringkat: Min 1, Maks 5, Langkah 0.5
💰 Pemformatan Angka Cerdas
Beberapa Pilihan Format:
- Angka Biasa – Masukan numerik sederhana (123)
- Mata uang – Uang dengan simbol ($123.00, €123.00, £123.00)
- Persentase – Tambahkan simbol % secara otomatis (85%)
- Desimal – Jumlah tempat desimal tetap (123.45)
Simbol Mata Uang Kustom
Mendukung semua mata uang: $, €, £, ¥, ₹, dan banyak lagi – sempurna untuk formulir internasional.
Presisi Desimal
Kontrol jumlah desimal dari 0 hingga 4 digit untuk perhitungan yang tepat.
Mode Penggeser Interaktif
Pemilihan Angka Visual
Ubah input angka menjadi slider yang indah. Pengguna menggeser untuk memilih nilai – sempurna untuk peringkat, rentang, dan preferensi.
Penampilan yang Dapat Disesuaikan
- Pilih warna slider yang sesuai dengan merek Anda.
- Tampilkan/sembunyikan tampilan nilai saat ini
- Animasi dan transisi yang halus
Ideal Untuk:
- Peringkat kepuasan (1-10)
- Kisaran anggaran ($0-$5000)
- Pemilih usia
- Tingkat prioritas
- Pilihan rentang apa pun
🔀 Logika Bersyarat
Visibilitas Lapangan Cerdas
Tampilkan atau sembunyikan kolom angka ini berdasarkan nilai kolom lainnya. Buat formulir dinamis yang beradaptasi dengan masukan pengguna.
Aturan Logika Tingkat Lanjut:
- Logika AND – Semua kondisi harus terpenuhi
- Logika OR – Kondisi apa pun dapat memicu tindakan.
- 8 Operator – Sama dengan, Tidak sama dengan, Lebih besar dari, Lebih kecil dari, Berisi, Kosong, dan lainnya
Gunakan Kasus:
- Tampilkan “Jumlah tamu” hanya jika kotak centang “Bawa tamu?” dicentang.
- Tampilkan “Kisaran anggaran” saat jenis layanan sama dengan “Premium”
- Sembunyikan “Kode diskon” saat total pesanan kurang dari $50
- Tampilkan opsi yang dibatasi usia jika usia lebih dari 1 tahun.
🎨 Kustomisasi Penuh
- Kelas CSS kustom
- Mode bidang tersembunyi
- Input yang dioptimalkan untuk perangkat seluler
- Dukungan aksesibilitas
- Integrasi dengan semua fitur formulir
- Ukuran Langkah, Nilai Awal
- Nilai Terendah/Tertinggi yang Diizinkan
- Kolom Tersembunyi, Nilai Tersembunyi
⚙️ Konfigurasi Cerdas
Nilai dasar
Isi otomatis kolom dengan angka awal untuk memandu pengguna atau mempercepat penyelesaian.
Teks Placeholder
Tampilkan petunjuk bermanfaat seperti “Masukkan jumlah” atau “Usia Anda” sebelum pengguna mengetik.
Teks Bantuan
Tambahkan deskripsi untuk memperjelas angka mana yang harus dimasukkan.
Pengaturan Sederhana dalam 3 Langkah
Siapkan kolom dropdown Anda dalam hitungan menit.
Tambahkan Kolom Angka
Seret dan lepas kolom Angka dari bagian Kolom Dasar ke dalam formulir Anda.
Tetapkan Aturan Validasi
Konfigurasikan nilai min/max, ukuran langkah, dan nilai awal untuk mengontrol angka apa yang dapat dimasukkan pengguna.
Pilih Format & Gaya
Pilih format teks biasa, mata uang, persentase, atau desimal. Secara opsional, aktifkan mode penggeser untuk pemilihan visual.
🎉 Selesai! Kolom angka Anda sudah siap dengan validasi dan format yang cerdas.
Aplikasi Dunia Nyata
E-Commerce & Pesanan
- Pemilih jumlah produk
- Filter rentang harga
- Masukan persentase diskon
- Jumlah dan total item
Survei & Peringkat
- Skor kepuasan (1-10)
- Peringkat bintang
- Peringkat prioritas
- Skala kemungkinan
Kebugaran & Kesehatan
- Pelacakan berat badan
- Pengukuran tinggi badan
- Pengulangan latihan
- Kalkulator BMI
Pemesanan & Reservasi
- Jumlah tamu/peserta
- Jumlah ruangan
- Durasi dalam jam/hari
- Ukuran pesta
Formulir Aplikasi
- Verifikasi umur
- Tahun-Tahun Pengalaman
- Harapan gaji
- Rentang anggaran
Bisnis keuangan
- Masukan pendapatan
- Jumlah investasi
- Persentase ROI
- Tarif komisi
Opsi Bidang Lengkap
Konfigurasi Dasar
- Label Bidang – Judul yang ditampilkan di atas kolom angka
- Deskripsi/Teks Bantuan – Panduan tambahan untuk pengguna
- Kolom yang harus diisi – Wajibkan pengisian nomor
- Teks Placeholder – Teks petunjuk sebelum pengguna memasukkan angka
Pengaturan Validasi
- Nilai Terendah yang Diizinkan (Minimum) – Angka terkecil yang dapat diterima
- Nilai Maksimum yang Diizinkan (Max) – Angka maksimum yang dapat diterima
- Ukuran Langkah – Nilai penambahan (1, 0.5, 0.01, dst.)
- Nilai Awal – Nomor default yang sudah terisi sebelumnya
jumlah Formatting
- Format tampilan
- Nomor Biasa
- Mata uang (dengan simbol)
- Persentase (%)
- Desimal (angka tetap)
Simbol Mata Uang – $, €, £, ¥, ₹ (ketika formatnya adalah Mata Uang)
Tempat desimal – 0, 1, 2, 3, atau 4 digit (jika formatnya Desimal)
Opsi Penggeser
- Tampilkan sebagai Slider – Aktifkan mode slider interaktif
- Slider Warna – Pemilih warna khusus untuk branding
- Tampilkan Angka di Samping Slider – Menampilkan nilai saat ini
Logika Bersyarat
- Aktifkan Bersyarat Logika – Tampilkan/sembunyikan berdasarkan kondisi
Tipe Logika- Semua syarat harus dipenuhi (DAN)
- Syarat apa pun dapat dipenuhi (ATAU)
- Aturan Kondisi
- Tunjukan Sembunyikan – Tindakan yang harus diambil
- Bidang – Bidang mana yang perlu diperiksa
- Operator – Sama dengan, Tidak sama dengan, Mengandung, Lebih besar dari, Lebih kecil dari, Kosong, Tidak kosong
- Nilai – Nilai perbandingan
- Beberapa Kondisi – Tambahkan aturan tanpa batas
Opsi Lanjutan
- Mode Lapangan Tersembunyi – Gunakan sebagai kolom tersembunyi dengan nilai yang telah ditentukan sebelumnya
- Kelas CSS Kustom – Terapkan gaya kustom
- Atribut Aksesibilitas – Label dan deskripsi ARIA
Mengapa Memilih Bidang Angka Kami?
✅ Tepat – Validasi nilai minimum/maksimum yang tepat mencegah entri yang tidak valid.
✅ Fleksibel – Berbagai format untuk setiap kebutuhan
✅ visual – Mode slider menciptakan interaksi yang menarik
✅ Cerdas – Logika kondisional menciptakan formulir dinamis
✅ Mudah digunakan – Pesan validasi yang jelas memandu pengguna
✅ Profesional – Pemformatan mata uang dan persentase bawaan
✅ Dioptimalkan untuk Seluler – Papan ketik angka yang sempurna di perangkat seluler
✅ Terintegrasi penuh – Berintegrasi sempurna dengan semua fitur formulir
Pertanyaan yang Sering Diajukan
T: Apa perbedaan antara Min/Max dan validasi?
A: Pengaturan Min/Max menyediakan validasi instan di tingkat browser. Pengguna tidak dapat mengirimkan angka yang tidak valid, sehingga formulir bebas kesalahan dan ramah pengguna.
T: Bisakah saya menggunakan angka desimal?
A: Ya! Atur nilai Langkah untuk mengontrol angka desimal. Gunakan 0.01 untuk mata uang (harga), 0.1 untuk satu tempat desimal, atau langkah khusus apa pun.
T: Bagaimana cara kerja slider di perangkat seluler?
A: Slider dioptimalkan untuk sentuhan dan berfungsi dengan lancar di perangkat seluler.
T: Bisakah saya mengumpulkan angka negatif?
A: Tentu! Tetapkan nilai Min negatif (misalnya, Min: -100, Max: 100) untuk mengizinkan angka negatif.
T: Simbol mata uang apa saja yang didukung?
A: Simbol apa saja! Masukkan $, €, £, ¥, ₹, atau simbol khusus apa pun hingga 3 karakter.
T: Bisakah saya menggunakan logika kondisional berdasarkan perbandingan angka?
A: Ya! Gunakan operator seperti “Lebih besar dari”, “Lebih kecil dari”, dan “Sama dengan” untuk membuat logika berdasarkan nilai numerik.
T: Bagaimana cara membuat kolom persentase?
A: Pilih “Persentase (%)” sebagai Format Tampilan. Simbol % akan muncul secara otomatis, dan pengguna dapat memasukkan nilai dari 0–100.
T: Bisakah saya mengubah warna slider?
A: Ya! Saat mode slider diaktifkan, Anda dapat memilih warna apa pun menggunakan pemilih warna.
T: Apa yang terjadi jika pengguna memasukkan angka di luar rentang yang ditentukan?
A: Validasi browser menghentikan pengiriman dan menampilkan pesan kesalahan seperti “Nilai harus antara 1 dan 100.”
T: Bisakah saya menggunakan kolom angka untuk perhitungan?
A: Ya! Nilai kolom angka berfungsi dalam perbandingan bersyarat dan dalam perhitungan pada pemrosesan formulir Anda.
T: Seberapa akuratkah angka desimal?
A: Anda dapat mengatur jumlah tempat desimal dari 0 hingga 4 digit, dan nilai langkah dapat seakurat yang dibutuhkan (misalnya, 0.001).
