Skaičių laukas
Rinkite skaičius tiksliai ir stilingai. Nuo paprastų skaitinių įvesčių iki interaktyvių slankiklių su valiutos formatavimu – skaičių laukas užtikrina patvirtinimą, formatavimą ir puikią naudotojo patirtį.
Išmanus skaičių rinkimas su integruotu patvirtinimu
Apie tinkamumą ir panaudojimą:
Galingos funkcijos kiekvienam atvejui
🎯 Tikslus patvirtinimo valdymas
Min/Max ribos
Nustatykite mažiausią ir didžiausią leistinas vertes. Prieš pateikiant duomenis, apsaugokite juos nuo neteisingų įrašų naudodami integruotą naršyklės patvirtinimą.
Žingsnio dydžio valdymas
Apibrėžkite valiutos prieaugio reikšmes – sveikuosius skaičius (1), pusės žingsnio reikšmę (0.5) arba tikslius dešimtainius skaičius (0.01).
Pavyzdžiai:
- Amžiaus laukas: Min. 18, Max. 100, 1 žingsnis
- Kainos laukas: Min. 0, Max. 10000, Žingsnis 0.01
- Įvertinimas: min. 1, maks. 5, žingsnis 0.5
💰 Išmanus skaičių formatavimas
Keli formato parinktys:
- Paprastas skaičius – paprasta skaitmeninė įvestis (123)
- Valiuta – pinigai su simboliais (123.00 USD, 123.00 €, 123.00 GBP)
- Procentas – automatiškai pridėti % simbolį (85 %)
- Dešimtainis – fiksuotos dešimtainės vietos (123.45)
Pasirinktiniai valiutos simboliai
Palaikomos bet kokios valiutos: $, €, £, ¥, ₹ ir kt. – puikiai tinka tarptautinėms formoms.
Dešimtainis tikslumas
Tiksliems skaičiavimams valdyti dešimtainių vietų skaičių nuo 0 iki 4 skaitmenų.
Interaktyvus slankiklio režimas
Vizualinis numerio pasirinkimas
Paverskite skaičių įvestis gražiais slankikliais. Vartotojai slankioja, kad pasirinktų reikšmes – puikiai tinka įvertinimams, diapazonams ir nuostatoms.
Pritaikoma išvaizda
- Pasirinkite slankiklio spalvą, kad ji atitiktų jūsų prekės ženklą
- Rodyti / slėpti dabartinės vertės rodymą
- Sklandžios animacijos ir perėjimai
Idealiai tinka:
- Pasitenkinimo įvertinimai (1–10)
- Biudžeto diapazonai (0–5000 USD)
- Amžiaus parinkikliai
- Prioriteto lygiai
- Bet koks diapazono pasirinkimas
🔀 Sąlyginė logika
Išmanus lauko matomumas
Rodyti arba slėpti šį skaičių lauką pagal kitų lauko reikšmes. Kurti dinamines formas, kurios prisitaiko prie vartotojo įvesties.
Išplėstinės logikos taisyklės:
- IR logika – turi būti įvykdytos visos sąlygos
- ARBA logika – bet kokia sąlyga gali sukelti veiksmą
- 8 operatoriai – lygu, ne lygu, didesnis nei, mažesnis nei, yra, tuščias ir kt.
Naudojimo atvejai:
- Rodyti „Svečių skaičius“ tik tada, kai pažymėtas žymimasis langelis „Atvesti svečius?“
- Rodyti „Biudžeto diapazoną“, kai paslaugos tipas lygus „Premium“
- Slėpti nuolaidos kodą, kai užsakymo suma yra mažesnė nei 50 USD
- Rodyti amžiaus apribojimo parinktis, kai amžius didesnis nei 1
🎨 Visiškas pritaikymas
- Individualios CSS klasės
- Paslėpto lauko režimas
- Mobiliesiems įrenginiams optimizuotos įvesties parinktys
- Prieinamumo palaikymas
- Integracija su visomis formos funkcijomis
- Žingsnio dydis, pradinė vertė
- Mažiausia / didžiausia leidžiama vertė
- Paslėptas laukas, paslėpta reikšmė
⚙️ Išmanioji konfigūracija
Numatytosios vertės
Iš anksto užpildykite laukus pradiniais skaičiais, kad būtų lengviau vartotojams arba kad procesas būtų greitesnis.
Vietos rezervavimo tekstas
Prieš vartotojams įvedant tekstą, rodykite naudingus patarimus, pvz., „Įveskite kiekį“ arba „Jūsų amžius“.
Pagalbos tekstas
Pridėkite aprašymus, kad būtų aiškiau, kokius skaičius įvesti.
Paprastas nustatymas 3 žingsniais
Paruoškite išskleidžiamąjį lauką per kelias minutes
Pridėti skaičių lauką
Nuvilkite skaičių lauką iš pagrindinių laukų skyriaus į savo formą.
Nustatyti patvirtinimo taisykles
Konfigūruokite min/max vertes, žingsnio dydį ir pradinę vertę, kad valdytumėte, kokius skaičius vartotojai gali įvesti.
Pasirinkite formatą ir stilių
Pasirinkite paprastą, valiutos, procentinį arba dešimtainį formatą. Pasirinktinai įjunkite slankiklio režimą vizualiam pasirinkimui.
???? Štai ir viskas! Jūsų skaičių laukas paruoštas, atliktas išmanusis patvirtinimas ir formatavimas.
Realaus pasaulio programos
El. prekyba ir užsakymai
- Produkto kiekio parinkikliai
- Kainų intervalo filtrai
- Nuolaidos procentų įvesties duomenys
- Prekių skaičius ir sumos
Apklausos ir įvertinimai
- Pasitenkinimo balai (1–10)
- Įvertinimai žvaigždutėmis
- Prioritetų reitingai
- Tikimybių skalės
Sportas ir sveikata
- Svorio sekimas
- Aukščio matavimai
- Pratimų kartojimai
- KMI skaičiuoklės
Rezervacijos ir užsakymai
- Svečių / dalyvių skaičius
- Kambario kiekis
- Trukmė valandomis/dienomis
- Vakarėlio dydis
Paraiškų formos
- Amžiaus patikrinimas
- Metų patirties
- Atlyginimo lūkesčiai
- Biudžeto diapazonai
Verslas ir finansai
- Pajamų įvestys
- Investicijų sumos
- Investicijų grąžos procentai
- Komisiniai tarifai
Užpildykite lauko parinktis
Pagrindinė konfigūracija
- Lauko etiketė – Virš skaičių lauko rodomas pavadinimas
- Aprašymas / pagalbos tekstas – Papildomos gairės vartotojams
- Privalomas laukas – Numerio įvedimą padaryti privalomą
- Vietos rezervavimo tekstas – Užuomina prieš vartotojams įvedant skaičių
Patvirtinimo nustatymai
- Mažiausia leidžiama vertė (min.) – Mažiausias priimtinas skaičius
- Didžiausia leidžiama vertė (maks.) – Didžiausias priimtinas skaičius
- Žingsnio dydis – Padidinimo reikšmė (1, 0.5, 0.01 ir kt.)
- Pradinė vertė – Iš anksto užpildytas numatytasis numeris
Taškų formatavimas
- Ekrano formatas
- Paprastas skaičius
- Valiuta (su simboliu)
- Procentas (%)
- Dešimtainis (fiksuotos trupmenos)
valiuta Simbolis – $, €, £, ¥, ₹ (kai formatas yra Valiuta)
Dešimtainės vietos – 0, 1, 2, 3 arba 4 skaitmenys (kai formatas yra dešimtainis)
Slankiklio parinktys
- Rodyti kaip slankiklį – Įjungti interaktyvų slankiklio režimą
- Slankiklio spalva – Pasirinktinis spalvų parinkiklis prekės ženklo kūrimui
- Rodyti numerį šalia slankiklio – Rodyti dabartinę vertę
Sąlyginė logika
- Įjungti Sąlyginis Logic – Rodyti / slėpti pagal sąlygas
Loginis tipas- Visos sąlygos turi būti įvykdytos (IR)
- Galima įvykdyti bet kurią sąlygą (ARBA)
- Sąlygų taisyklės
- Rodyti Slėpti – Veiksmai, kurių reikia imtis
- Laukas – Kurį lauką patikrinti
- operatorius – Lygu, Nelygu, Apima, Didesnis nei, Mažiau nei, Tuščia, Nėra tuščia
- Vertė – Palyginimo vertė
- Kelios sąlygos – Pridėkite neribotas taisykles
Advanced Options
- Paslėpto lauko režimas – Naudoti kaip paslėptą lauką su iš anksto nustatyta verte
- Pasirinktinės CSS klasės – Taikyti pasirinktinį stilių
- Prieinamumo atributai – ARIA etiketės ir aprašymai
Kodėl verta rinktis mūsų skaičių lauką?
✅ Tikslus – Tikslus min/max patvirtinimas apsaugo nuo neteisingų įrašų
✅ Lankstus – Įvairūs formatai bet kokiam naudojimo atvejui
✅ regėjimo – Slankiklio režimas sukuria įtraukiantį bendravimą
✅ Sumanus – Sąlyginė logika sukuria dinamines formas
✅ Draugiškas vartotojui – Aiškūs patvirtinimo pranešimai padeda vartotojams
✅ Profesionalus – Integruotas valiutos ir procentų formatavimas
✅ Mobiliesiems optimizuotas – Puikios skaičių klaviatūros mobiliuosiuose įrenginiuose
✅ Visiškai integruota – Sklandžiai veikia su visomis formos funkcijomis
Dažnai užduodami klausimai
K: Kuo skiriasi min./maks. ir patvirtinimas?
A: Min/Max nustatymai užtikrina momentinį naršyklės lygio patvirtinimą. Vartotojai negali pateikti neteisingų skaičių, todėl formos yra be klaidų ir patogios naudoti.
K: Ar galiu naudoti dešimtainius skaičius?
A: Taip! Nustatykite žingsnio reikšmę, kad valdytumėte dešimtaines trupmenas. Naudokite 0.01 valiutai (kainoms), 0.1 vienam skaičiui po kablelio arba bet kokį pasirinktinį žingsnį.
K: Kaip slankiklis veikia mobiliajame telefone?
A: Skaidrės yra optimizuotos lietimui ir sklandžiai veikia mobiliuosiuose įrenginiuose.
K: Ar galiu rinkti neigiamus skaičius?
A: Žinoma! Nustatykite neigiamą Min reikšmę (pvz., Min: -100, Max: 100), kad būtų leidžiami neigiami skaičiai.
K: Kokie valiutos simboliai yra palaikomi?
A: Bet koks simbolis! Įveskite $, €, £, ¥, ₹ arba bet kokį pasirinktinį simbolį iki 3 simbolių.
K: Ar galiu naudoti sąlyginę logiką, pagrįstą skaičių palyginimais?
A: Taip! Norėdami sukurti logiką, pagrįstą skaitinėmis reikšmėmis, naudokite tokius operatorius kaip „Didesnis nei“, „Mažesnis nei“ ir „Lygu“.
K: Kaip sukurti procentų lauką?
A: Pasirinkite rodymo formatą „Procentas (%)“. Simbolis % rodomas automatiškai, o vartotojai įveda reikšmes nuo 0 iki 100.
K: Ar galiu pakeisti slankiklio spalvą?
A: Taip! Kai įjungtas slankiklio režimas, galite pasirinkti bet kurią spalvą naudodami spalvų parinkiklį.
K: Kas nutinka, jei vartotojai įveda skaičius už diapazono ribų?
A: Naršyklės patvirtinimas sustabdo pateikimą ir rodo klaidos pranešimą, pvz., „Reikšmė turi būti nuo 1 iki 100“.
K: Ar galiu naudoti skaičių lauką skaičiavimams?
A: Taip! Skaičių lauko reikšmės veikia sąlyginiuose palyginimuose ir skaičiavimuose jūsų formų apdorojimo metu.
K: Kokie tikslūs gali būti dešimtainiai skaičiai?
A: Galite nustatyti dešimtainių vietų skaičių nuo 0 iki 4 skaitmenų, o žingsnio vertės gali būti tiek tikslios, kiek reikia (pvz., 0.001).
