Medan Nombor
Kumpulkan nombor dengan tepat dan bergaya. Daripada input angka mudah kepada gelangsar interaktif dengan pemformatan mata wang - medan Nombor menyediakan pengesahan, pemformatan dan pengalaman pengguna yang indah.
Koleksi Nombor Pintar dengan Pengesahan Terbina Dalam
Sesuai untuk:
Ciri-ciri Hebat untuk Setiap Kes Penggunaan
🎯 Kawalan Pengesahan Tepat
Sempadan Min/Maks
Tetapkan nilai terendah dan tertinggi yang dibenarkan. Cegah entri tidak sah sebelum penyerahan dengan pengesahan pelayar terbina dalam.
Kawalan Saiz Langkah
Takrifkan nilai pertambahan – nombor bulat (1), separuh langkah (0.5), atau perpuluhan tepat (0.01) untuk mata wang.
Contoh:
- Medan umur: Minimum 18, Maks 100, Langkah 1
- Medan harga: Min 0, Maks 10000, Langkah 0.01
- Penilaian: Minimum 1, Maks 5, Langkah 0.5
💰 Pemformatan Nombor Pintar
Pelbagai Pilihan Format:
- Nombor Biasa – Input angka mudah (123)
- Mata Wang – Wang dengan simbol ($123.00, €123.00, £123.00)
- Peratusan – Simbol % tambah automatik (85%)
- Perpuluhan – Tempat perpuluhan tetap (123.45)
Simbol Mata Wang Tersuai
Sokong sebarang mata wang: $, €, £, ¥, ₹ dan banyak lagi – sesuai untuk borang antarabangsa.
Ketepatan Perpuluhan
Kawal tempat perpuluhan dari 0 hingga 4 digit untuk pengiraan yang tepat.
Mod Gelongsor Interaktif
Pemilihan Nombor Visual
Ubah input nombor menjadi gelangsar yang cantik. Pengguna meluncur untuk memilih nilai – sesuai untuk penilaian, julat dan pilihan.
Penampilan Boleh Disesuaikan
- Pilih warna slider agar sepadan dengan jenama anda
- Tunjukkan/sembunyikan paparan nilai semasa
- Animasi dan peralihan yang lancar
Ideal Untuk:
- Penilaian kepuasan (1-10)
- Julat bajet ($0-$5000)
- Pemilih umur
- Tahap keutamaan
- Sebarang pilihan julat
🔀 Logik Bersyarat
Keterlihatan Medan Pintar
Tunjukkan atau sembunyikan medan nombor ini berdasarkan nilai medan lain. Cipta borang dinamik yang menyesuaikan diri dengan input pengguna.
Peraturan Logik Lanjutan:
- DAN Logik – Semua syarat mesti dipenuhi
- Logik ATAU – Sebarang keadaan boleh mencetuskan tindakan
- 8 Operator – Sama dengan, Tidak sama dengan, Lebih besar daripada, Kurang daripada, Mengandungi, Kosong dan lebih banyak lagi
Gunakan Kes:
- Tunjukkan “Bilangan tetamu” hanya apabila kotak semak “Bawa tetamu?” ditanda
- Paparkan “Julat bajet” apabila jenis perkhidmatan bersamaan dengan “Premium”
- Sembunyikan “Kod diskaun” apabila jumlah pesanan kurang daripada $50
- Dedahkan pilihan sekatan umur apabila umur lebih daripada 1 tahun
🎨 Penyesuaian Penuh
- Kelas CSS tersuai
- Mod medan tersembunyi
- Input yang dioptimumkan untuk mudah alih
- Sokongan kebolehaksesan
- Integrasi dengan semua ciri borang
- Saiz Langkah, Nilai Permulaan
- Nilai Terendah/Tertinggi yang Dibenarkan
- Medan Tersembunyi, Nilai Tersembunyi
⚙️ Konfigurasi Pintar
Nilai Lalai
Isi medan terlebih dahulu dengan nombor permulaan untuk membimbing pengguna atau mempercepatkan penyiapan.
Teks Pemegang Tempat
Tunjukkan petua berguna seperti “Masukkan kuantiti” atau “Umur anda” sebelum pengguna menaip.
Teks Bantuan
Tambahkan penerangan untuk menjelaskan nombor yang perlu dimasukkan.
Persediaan Mudah dalam 3 Langkah
Sediakan Medan Dropdown anda dalam beberapa minit
Tambah Medan Nombor
Seret dan lepas medan Nombor daripada bahagian Medan Asas ke dalam borang anda.
Tetapkan Peraturan Pengesahan
Konfigurasikan nilai min/maks, saiz langkah dan nilai permulaan untuk mengawal nombor yang boleh dimasukkan oleh pengguna.
Pilih Format & Gaya
Pilih format biasa, mata wang, peratusan atau perpuluhan. Secara pilihan, dayakan mod gelangsar untuk pemilihan visual.
🎉 Itu sahaja! Medan nombor anda sudah siap dengan pengesahan dan pemformatan pintar.
Aplikasi Dunia Sebenar
E-Dagang & Pesanan
- Pemilih kuantiti produk
- Penapis julat harga
- Input peratusan diskaun
- Bilangan dan jumlah item
Tinjauan & Penilaian
- Skor kepuasan (1-10)
- Penilaian bintang
- Kedudukan keutamaan
- Skala kemungkinan
Kecergasan & Kesihatan
- Penjejakan berat badan
- Ukuran ketinggian
- Ulangan senaman
- Kalkulator BMI
Tempahan & Tempahan
- Bilangan tetamu/pengunjung
- Kuantiti bilik
- Tempoh dalam jam/hari
- Saiz parti
Borang Permohonan
- Pengesahan umur
- Tahun pengalaman
- Jangkaan gaji
- Julat belanjawan
Perniagaan & Kewangan
- Input pendapatan
- Jumlah pelaburan
- Peratusan ROI
- Kadar komisen
Pilihan Medan Lengkap
Konfigurasi asas
- Label Medan – Tajuk yang ditunjukkan di atas medan nombor
- Teks Penerangan/Bantuan – Panduan tambahan untuk pengguna
- Medan Diperlukan – Jadikan entri nombor wajib
- Teks Pemegang Tempat – Teks petunjuk sebelum pengguna memasukkan nombor
Tetapan Pengesahan
- Nilai Terendah yang Dibenarkan (Min) – Nombor terkecil yang boleh diterima
- Nilai Tertinggi yang Dibenarkan (Maks) – Nombor terbesar yang boleh diterima
- Saiz Langkah – Nilai kenaikan (1, 0.5, 0.01, dsb.)
- Nilai Permulaan – Nombor lalai yang telah diisi terlebih dahulu
Pemformatan Nombor
- Format Paparan
- Nombor Biasa
- Mata wang (dengan simbol)
- Peratusan (%)
- Perpuluhan (tempat tetap)
Simbol mata wang – $, €, £, ¥, ₹ (apabila formatnya ialah Mata Wang)
Tempat perpuluhan – 0, 1, 2, 3, atau 4 digit (apabila formatnya Perpuluhan)
Pilihan Gelongsor
- Tunjukkan sebagai Gelangsar – Dayakan mod gelangsar interaktif
- Warna Peluncur – Pemilih warna tersuai untuk penjenamaan
- Tunjukkan Nombor Di Sebelah Gelangsar – Paparkan nilai semasa
Logik Bersyarat
- Dayakan Logik Bersyarat – Tunjukkan/sembunyikan berdasarkan syarat
Jenis Logik- Semua syarat mesti dipenuhi (DAN)
- Sebarang syarat boleh dipenuhi (ATAU)
- Peraturan Keadaan
- Tunjukkan / Sembunyikan – Tindakan yang perlu diambil
- Bidang – Medan mana yang hendak disemak
- operator – Sama dengan, Tidak sama dengan, Mengandungi, Lebih besar daripada, Kurang daripada, Kosong, Tidak kosong
- nilai – Nilai perbandingan
- Pelbagai Syarat – Tambah peraturan tanpa had
Pilihan Lanjutan
- Mod Medan Tersembunyi – Gunakan sebagai medan tersembunyi dengan nilai yang telah ditetapkan
- Kelas CSS Tersuai – Gunakan penggayaan tersuai
- Atribut Kebolehcapaian – Label dan penerangan ARIA
Mengapa Memilih Medan Nombor Kami?
✅ Precise – Pengesahan min/maks yang tepat menghalang entri tidak sah
✅ Fleksibel – Pelbagai format untuk sebarang kes penggunaan
✅ visual – Mod gelangsar mewujudkan interaksi yang menarik
✅ Pintar – Logik bersyarat mencipta bentuk dinamik
✅ Mesra pengguna – Mesej pengesahan yang jelas membimbing pengguna
✅ Profesional – Pemformatan mata wang dan peratusan terbina dalam
✅ Mudah Alih Dioptimumkan – Papan kekunci nombor sempurna pada peranti mudah alih
✅ Bersepadu Sepenuhnya – Berfungsi dengan lancar dengan semua ciri borang
Soalan Lazim
S: Apakah perbezaan antara Min/Maks dan pengesahan?
A: Tetapan Min/Maks menyediakan pengesahan peringkat pelayar segera. Pengguna tidak boleh menghantar nombor yang tidak sah, menjadikan borang bebas ralat dan mesra pengguna.
S: Bolehkah saya menggunakan nombor perpuluhan?
A: Ya! Tetapkan nilai Langkah untuk mengawal perpuluhan. Gunakan 0.01 untuk mata wang (harga), 0.1 untuk satu tempat perpuluhan atau sebarang langkah tersuai.
S: Bagaimanakah slider berfungsi pada mudah alih?
A: Slider dioptimumkan untuk sentuhan dan berfungsi dengan lancar pada peranti mudah alih.
S: Bolehkah saya mengumpul nombor negatif?
A: Sudah tentu! Tetapkan nilai Min negatif (cth., Min: -100, Maks: 100) untuk membenarkan nombor negatif.
S: Simbol mata wang apakah yang disokong?
A: Sebarang simbol! Masukkan $, €, £, ¥, ₹ atau sebarang simbol tersuai sehingga 3 aksara.
S: Bolehkah saya menggunakan logik bersyarat berdasarkan perbandingan nombor?
J: Ya! Gunakan operator seperti “Lebih Besar daripada”, “Kurang daripada”, dan “Sama dengan” untuk mencipta logik berdasarkan nilai angka.
S: Bagaimanakah saya boleh mencipta medan peratusan?
A: Pilih “Peratusan (%)” sebagai Format Paparan. Simbol % muncul secara automatik dan pengguna memasukkan nilai dari 0–100.
S: Bolehkah saya menukar warna slider?
A: Ya! Apabila mod gelangsar diaktifkan, anda boleh memilih sebarang warna menggunakan pemilih warna.
S: Apa yang berlaku jika pengguna memasukkan nombor di luar julat?
A: Pengesahan pelayar menghentikan penyerahan dan menunjukkan mesej ralat seperti “Nilai mesti antara 1 dan 100.”
S: Bolehkah saya menggunakan medan nombor untuk pengiraan?
A: Ya! Nilai medan nombor berfungsi dalam perbandingan bersyarat dan dalam pengiraan dalam pemprosesan borang anda.
S: Sejauh manakah ketepatan nombor perpuluhan?
A: Anda boleh menetapkan tempat perpuluhan dari 0 hingga 4 digit, dan nilai langkah boleh setepat yang diperlukan (cth., 0.001).
