Pole liczbowe
Zbieraj liczby z precyzją i stylem. Od prostych danych liczbowych po interaktywne suwaki z formatowaniem walut – pole „Liczba” zapewnia walidację, formatowanie i atrakcyjne środowisko użytkownika.
Inteligentne zbieranie numerów z wbudowaną walidacją
Idealny dla:
Potężne funkcje do każdego zastosowania
🎯 Precyzyjna kontrola walidacji
Granice min./maks.
Ustaw najniższą i najwyższą dozwoloną wartość. Zapobiegaj nieprawidłowym wpisom przed wysłaniem dzięki wbudowanej walidacji przeglądarki.
Kontrola wielkości kroku
Zdefiniuj wartości przyrostu – liczby całkowite (1), półkroki (0.5) lub dokładne miejsca dziesiętne (0.01) dla waluty.
Przykłady:
- Pole wieku: Min. 18, Maks. 100, Krok 1
- Pole ceny: Min. 0, Maks. 10000, Krok 0.01
- Ocena: Min. 1, Maks. 5, Krok 0.5
💰 Inteligentne formatowanie liczb
Wiele opcji formatu:
- Zwykła liczba – proste wprowadzanie liczb (123)
- Waluta – Pieniądze z symbolami (123.00 USD, 123.00 EUR, 123.00 GBP)
- Procent – automatyczne dodawanie symbolu % (85%)
- Dziesiętny – Stałe miejsca dziesiętne (123.45)
Niestandardowe symbole walut
Obsługuje wszystkie waluty: $, €, £, ¥, ₹ i inne – idealne do formularzy międzynarodowych.
Dokładność dziesiętna
Kontroluj miejsca dziesiętne od 0 do 4 cyfr, aby uzyskać dokładne obliczenia.
Tryb interaktywnego suwaka
Wybór numeru wizualnego
Przekształć dane liczbowe w efektowne suwaki. Użytkownicy przesuwają się, aby wybierać wartości – idealne do oceniania, określania zakresów i preferencji.
Możliwość dostosowania wyglądu
- Wybierz kolor suwaka pasujący do Twojej marki
- Pokaż/ukryj wyświetlacz bieżącej wartości
- Płynne animacje i przejścia
Idealne dla:
- Oceny satysfakcji (1-10)
- Zakres budżetu (0–5000 USD)
- Selektory wieku
- Poziomy priorytetu
- Dowolny wybór zakresu
🔀 Logika warunkowa
Inteligentna widoczność pola
Pokaż lub ukryj to pole liczbowe na podstawie wartości innych pól. Twórz dynamiczne formularze, które dostosowują się do danych wprowadzanych przez użytkownika.
Zaawansowane zasady logiki:
- Logika AND – wszystkie warunki muszą być spełnione
- Logika OR – dowolny warunek może wywołać akcję
- 8 operatorów – Równe, Nierówne, Większe niż, Mniejsze niż, Zawiera, Jest puste i więcej
Przypadków użycia:
- Wyświetlaj „Liczbę gości” tylko wtedy, gdy zaznaczone jest pole wyboru „Czy zabrać gości?”
- Wyświetl „Zakres budżetu”, gdy typ usługi jest równy „Premium”
- Ukryj „Kod rabatowy”, gdy łączna wartość zamówienia jest mniejsza niż 50 USD
- Pokaż opcje ograniczone wiekowo, jeśli wiek jest większy niż 1 rok
🎨 Pełna personalizacja
- Niestandardowe klasy CSS
- Tryb ukrytego pola
- Wprowadzanie danych zoptymalizowane pod kątem urządzeń mobilnych
- Wsparcie dostępności
- Integracja ze wszystkimi funkcjami formularza
- Wielkość kroku, wartość początkowa
- Najniższa/najwyższa dopuszczalna wartość
- Ukryte pole, ukryta wartość
⚙️ Inteligentna konfiguracja
Wartości domyślne
Wstępnie wypełnij pola numerami początkowymi, aby ułatwić użytkownikom wypełnianie pól lub przyspieszyć proces.
Tekst zastępczy
Wyświetlaj pomocne wskazówki, takie jak „Podaj ilość” lub „Twój wiek”, zanim użytkownik zacznie pisać.
Tekst pomocy
Dodaj opisy wyjaśniające, jakie liczby należy wprowadzić.
Prosta konfiguracja w 3 krokach
Przygotuj pole rozwijane w kilka minut
Dodaj pole liczbowe
Przeciągnij i upuść pole Liczba z sekcji Pola podstawowe do formularza.
Ustaw reguły walidacji
Skonfiguruj wartości min./maks., wielkość kroku i wartość początkową, aby kontrolować, jakie liczby mogą wprowadzać użytkownicy.
Wybierz format i styl
Wybierz format zwykły, walutowy, procentowy lub dziesiętny. Opcjonalnie włącz tryb suwaka, aby umożliwić wizualny wybór.
???? Gotowe! Twoje pole liczbowe jest gotowe, z inteligentną walidacją i formatowaniem.
Aplikacje w świecie rzeczywistym
E-commerce i zamówienia
- Selektory ilości produktów
- Filtry przedziałów cenowych
- Wprowadzanie procentów rabatu
- Liczba i suma pozycji
Ankiety i oceny
- Wyniki satysfakcji (1-10)
- Oceny w gwiazdkach
- Rankingi priorytetów
- Skale prawdopodobieństwa
Fitness i zdrowie
- Śledzenie wagi
- Pomiary wysokości
- Powtórzenia ćwiczeń
- Kalkulatory BMI
Rezerwacje i rezerwacje
- Liczba gości/uczestników
- Ilość pokoi
- Czas trwania w godzinach/dniach
- Rozmiar imprezy
Formularze wniosków
- Weryfikacja wieku
- Lat doświadczenia
- Spodziewane zarobki
- Zakresy budżetowe
Biznes i finanse
- Przychody wejściowe
- Kwoty inwestycji
- Procenty zwrotu z inwestycji
- Stawki prowizji
Uzupełnij opcje pól
Podstawowa konfiguracja
- Etykieta pola – Tytuł wyświetlany nad polem liczbowym
- Opis/Tekst pomocy – Dodatkowe wskazówki dla użytkowników
- Pole wymagane – Wprowadzenie numeru będzie obowiązkowe
- Tekst zastępczy – Tekst podpowiedzi przed wprowadzeniem przez użytkownika numeru
Ustawienia walidacji
- Najniższa dopuszczalna wartość (min.) – Najmniejsza dopuszczalna liczba
- Najwyższa dopuszczalna wartość (maks.) – Największa dopuszczalna liczba
- Rozmiar kroku – Zwiększ wartość (1, 0.5, 0.01 itd.)
- Wartość początkowa – Wstępnie wypełniony domyślny numer
Ilość formatowanie
- Format wyświetlania
- Zwykła liczba
- Waluta (z symbolem)
- Odsetek (%)
- Liczba dziesiętna (miejsca stałe)
Symbol waluty – $, €, £, ¥, ₹ (gdy format to Waluta)
Miejsca dziesiętne – 0, 1, 2, 3 lub 4 cyfry (gdy format jest dziesiętny)
Opcje suwaka
- Pokaż jako suwak – Włącz tryb interaktywnego suwaka
- Kolor suwaka – Niestandardowy selektor kolorów do brandingu
- Pokaż numer obok suwaka – Wyświetlanie aktualnej wartości
Logika warunkowa
- Włącz logikę warunkową – Pokaż/ukryj na podstawie warunków
Typ logiczny- Wszystkie warunki muszą być spełnione (ORAZ)
- Każdy warunek może być spełniony (LUB)
- Zasady warunkowe
- Pokaż ukryj – Działania do podjęcia
- Pole – Które pole sprawdzić
- Operator – Równy, Nierówny, Zawiera, Większy niż, Mniejszy niż, Jest pusty, Nie jest pusty
- Wartość: – Wartość porównawcza
- Wiele warunków – Dodaj nieograniczone zasady
Opcje zaawansowane
- Tryb ukrytego pola – Użyj jako pola ukrytego z wstępnie ustawioną wartością
- Niestandardowe klasy CSS – Zastosuj niestandardowy styl
- Atrybuty dostępności – Etykiety i opisy ARIA
Dlaczego warto wybrać nasze pole liczbowe?
✅ Precyzyjny – Dokładna walidacja min./maks. zapobiega błędnym wpisom
✅ Elastyczne – Wiele formatów dla każdego przypadku użycia
✅ Wizualny – Tryb suwaka tworzy angażujące interakcje
✅ Smart – Logika warunkowa tworzy dynamiczne formy
✅ Przyjazny użytkownikowi – Przejrzyste komunikaty dotyczące walidacji prowadzą użytkowników
✅ Professional – Wbudowane formatowanie walut i procentów
✅ Zoptymalizowany pod kątem urządzeń mobilnych – Klawiatury z idealnymi numerami na urządzeniach mobilnych
✅ W pełni zintegrowany – Współpracuje bezproblemowo ze wszystkimi funkcjami formularza
Najczęściej zadawane pytania
P: Jaka jest różnica między wartością Min/Max a walidacją?
A: Ustawienia min./maks. zapewniają natychmiastową walidację na poziomie przeglądarki. Użytkownicy nie mogą wprowadzać nieprawidłowych liczb, dzięki czemu formularze są wolne od błędów i przyjazne dla użytkownika.
P: Czy mogę używać liczb dziesiętnych?
O: Tak! Ustaw wartość „Krok”, aby kontrolować miejsca dziesiętne. Użyj 0.01 dla waluty (ceny), 0.1 dla jednego miejsca po przecinku lub dowolnego niestandardowego kroku.
P: Jak działa suwak na urządzeniu mobilnym?
A: Suwaki są zoptymalizowane pod kątem dotyku i działają płynnie na urządzeniach mobilnych.
P: Czy mogę kolekcjonować liczby ujemne?
O: Zdecydowanie! Ustaw ujemną wartość minimalną (np. Min: -100, Max: 100), aby zezwolić na wartości ujemne.
P: Jakie symbole walut są obsługiwane?
A: Dowolny symbol! Wprowadź $, €, £, ¥, ₹ lub dowolny inny symbol, maksymalnie 3 znaki.
P: Czy mogę stosować logikę warunkową w oparciu o porównania liczb?
O: Tak! Używaj operatorów takich jak „Większe niż”, „Mniejsze niż” i „Równe”, aby tworzyć logikę opartą na wartościach liczbowych.
P: Jak utworzyć pole procentowe?
A: Wybierz „Procenty (%)” jako format wyświetlania. Symbol % pojawi się automatycznie, a użytkownicy wprowadzą wartości od 0 do 100.
P: Czy mogę zmienić kolor suwaka?
O: Tak! Po włączeniu trybu suwaka możesz wybrać dowolny kolor za pomocą selektora kolorów.
P: Co się stanie, jeśli użytkownicy wpiszą liczby spoza zakresu?
A: Walidacja przeglądarki zatrzymuje przesyłanie i wyświetla komunikat o błędzie, np. „Wartość musi mieścić się w przedziale od 1 do 100”.
P: Czy mogę używać pola liczbowego do obliczeń?
O: Tak! Wartości pól liczbowych działają w porównaniach warunkowych i obliczeniach podczas przetwarzania formularza.
P: Jak dokładne mogą być liczby dziesiętne?
A: Można ustawić liczbę miejsc dziesiętnych od 0 do 4, a wartości kroków mogą być tak dokładne, jak to konieczne (np. 0.001).
