Câmp de număr
Colectați numere cu precizie și stil. De la simple intrări numerice la slidere interactive cu formatare monetară - câmpul Număr oferă validare, formatare și o experiență de utilizare plăcută.
Colectare inteligentă de numere cu validare încorporată
Perfect pentru:
Funcții puternice pentru fiecare caz de utilizare
🎯 Control precis al validării
Limite minime/maxime
Setați cele mai mici și cele mai mari valori permise. Preveniți intrările nevalide înainte de trimitere cu validarea încorporată a browserului.
Controlul dimensiunii pasului
Definiți valori incrementale – numere întregi (1), semitrepte (0.5) sau zecimale precise (0.01) pentru valută.
Exemple:
- Câmp de vârstă: Min 18, Max 100, Pasul 1
- Câmp Preț: Min 0, Max 10000, Pas 0.01
- Evaluare: Min 1, Max 5, Pas 0.5
💰 Formatare inteligentă a numerelor
Opțiuni multiple de format:
- Număr simplu – Introducere numerică simplă (123)
- Valută – Bani cu simboluri (123.00 USD, 123.00 EUR, 123.00 GBP)
- Procentaj – Adăugare automată simbol % (85%)
- Zecimal – Zecimale fixe (123.45)
Simboluri valutare personalizate
Acceptă orice monedă: $, €, £, ¥, ₹ și multe altele – perfect pentru formulare internaționale.
Precizie zecimală
Controlează zecimalele de la 0 la 4 cifre pentru calcule exacte.
Mod slider interactiv
Selecție vizuală a numerelor
Transformă numerele introduse în slidere elegante. Utilizatorii glisează pentru a selecta valori – perfecte pentru evaluări, intervale și preferințe.
Aspect personalizabil
- Alegeți culoarea sliderului care să se potrivească cu brandul dvs.
- Afișează/ascunde afișarea valorii curente
- Animații și tranziții fluide
Ideal pentru:
- Evaluări de satisfacție (1-10)
- Intervale de buget (0-5000 USD)
- Selectori de vârstă
- Niveluri de prioritate
- Orice selecție de interval
🔀 Logică condiționată
Vizibilitate inteligentă pe teren
Afișați sau ascundeți acest câmp numeric în funcție de valorile altor câmpuri. Creați formulare dinamice care se adaptează la datele introduse de utilizator.
Reguli logice avansate:
- Logică ȘI – Trebuie îndeplinite toate condițiile
- SAU Logică – Orice condiție poate declanșa acțiunea
- 8 operatori – Egal cu, Nu este egal cu, Mai mare decât, Mai mic decât, Conține, Este gol și alții
Cazuri de utilizare:
- Afișează „Numărul de invitați” numai când este bifată caseta de selectare „Aduceți invitați?”
- Afișează „Intervalul bugetar” când tipul de serviciu este egal cu „Premium”
- Ascunde „Codul de reducere” când totalul comenzii este mai mic de 50 USD
- Afișează opțiunile restricționate în funcție de vârstă când vârsta este mai mare de 1 an
🎨 Personalizare completă
- Clase CSS personalizate
- Mod câmp ascuns
- Intrări optimizate pentru mobil
- Suport pentru accesibilitate
- Integrare cu toate funcțiile formularului
- Dimensiunea pasului, valoarea inițială
- Valoare permisă cea mai mică/cea mai mare
- Câmp ascuns, valoare ascunsă
⚙️ Configurare inteligentă
Valori implicite
Precompletați câmpurile cu numere de început pentru a ghida utilizatorii sau a accelera finalizarea.
Text substituent
Afișați indicii utile precum „Introduceți cantitatea” sau „Vârsta dumneavoastră” înainte ca utilizatorii să tasteze.
Text de ajutor
Adăugați descrieri pentru a clarifica ce numere trebuie introduse.
Configurare simplă în 3 pași
Pregătește-ți câmpul derulant în câteva minute
Adăugați câmpul Număr
Trageți și plasați câmpul Număr din secțiunea Câmpuri de bază în formular.
Setați regulile de validare
Configurați valorile minime/maxime, dimensiunea pasului și valoarea inițială pentru a controla ce numere pot introduce utilizatorii.
Alegeți formatul și stilul
Selectați formatul simplu, valutar, procentual sau zecimal. Opțional, activați modul cursor pentru selecție vizuală.
???? Asta e tot! Câmpul tău numeric este gata cu validare și formatare inteligente.
Aplicații din lumea reală
Comerț electronic și comenzi
- Selectoare de cantitate de produse
- Filtre pentru intervalul de prețuri
- Intrări procentuale de reducere
- Numărul și totalurile articolelor
Sondaje și evaluări
- Scoruri de satisfacție (1-10)
- Evaluări cu stele
- Clasamente prioritare
- Scale de probabilitate
Fitness și sănătate
- Urmărirea greutății
- Măsurători de înălțime
- Repetări ale exercițiilor
- Calculatoare IMC
Rezervări și alte servicii
- Numărul de invitați/participanți
- Cantitate cameră
- Durata în ore/zile
- Mărimea petrecerii
Formulare de cerere
- Verificarea vârstei
- Ani de experienta
- Asteptari salariale
- Intervale de buget
Afaceri și finanțe
- Venituri intrări
- Sume de investiții
- Procentele ROI
- Ratele comisiilor
Opțiuni complete de câmp
Configurare de bază
- Etichetă de câmp – Titlul afișat deasupra câmpului numeric
- Descriere/Text de ajutor – Îndrumări suplimentare pentru utilizatori
- Câmp necesar – Introducerea numărului este obligatorie
- Text substituent – Text de sugestie înainte ca utilizatorii să introducă un număr
Setări de validare
- Valoare minimă permisă (min.) – Cel mai mic număr acceptabil
- Valoare maximă permisă (maxim) – Cel mai mare număr acceptabil
- Dimensiunea pasului – Incrementați valoarea (1, 0.5, 0.01 etc.)
- Valoarea de pornire – Număr implicit precompletat
Formatarea numerelor
- Format de afișare
- Număr simplu
- Monedă (cu simbol)
- Procent (%)
- Zecimală (cifre fixe)
Moneda Simbol – $, €, £, ¥, ₹ (când formatul este Currency)
Zecimale – 0, 1, 2, 3 sau 4 cifre (când formatul este Zecimal)
Opțiuni de glisare
- Afișare ca slider – Activează modul slider interactiv
- Culoarea cursorului – Selector de culori personalizat pentru branding
- Afișează numărul lângă cursor – Afișează valoarea curentă
Logica conditionata
- Activați logica condiționată – Afișează/ascunde în funcție de condiții
Tip logic- Toate condițiile trebuie îndeplinite (ȘI)
- Orice condiție poate fi îndeplinită (SAU)
- Reguli de condiție
- Arată ascunde – Acțiuni de întreprins
- Câmp – Ce câmp să verificați
- Operator – Egal cu, Nu este egal cu, Conține, Mai mare decât, Mai mic decât, Este gol, Nu este gol
- Valoare – Valoare comparativă
- Condiții multiple – Adăugați reguli nelimitate
Opțiuni avansate
- Mod Câmp Ascuns – Utilizați ca câmp ascuns cu valoare prestabilită
- Clase CSS personalizate – Aplicați stiluri personalizate
- Atribute de accesibilitate – Etichete și descrieri ARIA
De ce să alegeți câmpul nostru numeric?
✅ Precis – Validarea exactă a min/max previne intrările nevalide
✅ Instalare – Formate multiple pentru orice caz de utilizare
✅ Vizual – Modul slider creează interacțiuni captivante
✅ Smart – Logica condiționată creează forme dinamice
✅ Ușor de utilizat – Mesaje clare de validare ghidează utilizatorii
✅ Profesional – Formatare monedă și procent încorporată
✅ Optimizat pentru mobil – Tastaturi cu numere perfecte pe dispozitive mobile
✅ Integrat complet – Funcționează perfect cu toate funcțiile formularului
Întrebări frecvente
Î: Care este diferența dintre Min/Max și validare?
R: Setările Min/Max oferă validare instantanee la nivel de browser. Utilizatorii nu pot trimite numere nevalide, ceea ce face ca formularele să fie lipsite de erori și ușor de utilizat.
Î: Pot folosi numere zecimale?
R: Da! Setați valoarea Pasului pentru a controla zecimalele. Folosiți 0.01 pentru valută (prețuri), 0.1 pentru o zecimală sau orice pas personalizat.
Î: Cum funcționează slider-ul pe mobil?
R: Sliderele sunt optimizate pentru atingere și funcționează fără probleme pe dispozitivele mobile.
Î: Pot colecta numere negative?
R: Absolut! Setați o valoare minimă negativă (de exemplu, Min: -100, Max: 100) pentru a permite numere negative.
Î: Ce simboluri valutare sunt acceptate?
A: Orice simbol! Introduceți $, €, £, ¥, ₹ sau orice simbol personalizat de până la 3 caractere.
Î: Pot folosi logica condiționată bazată pe comparații numerice?
R: Da! Folosește operatori precum „Mai mare decât”, „Mai mic decât” și „Egal cu” pentru a crea logică bazată pe valori numerice.
Î: Cum creez un câmp de procent?
A: Selectați „Procentaj (%)” ca Format de afișare. Simbolul % apare automat, iar utilizatorii introduc valori între 0 și 100.
Î: Pot schimba culoarea cursorului?
R: Da! Când modul cursor este activat, puteți alege orice culoare folosind selectorul de culori.
Î: Ce se întâmplă dacă utilizatorii introduc numere în afara intervalului?
R: Validarea browserului oprește trimiterea și afișează un mesaj de eroare precum „Valoarea trebuie să fie între 1 și 100”.
Î: Pot folosi câmpul numeric pentru calcule?
R: Da! Valorile câmpurilor numerice funcționează în comparațiile condiționale și în calculele din procesarea formularelor.
Î: Cât de precise pot fi numerele zecimale?
A: Puteți seta zecimale de la 0 la 4 cifre, iar valorile pasului pot fi oricât de precise sunt necesare (de exemplu, 0.001).
