Field ng Numero
Kolektahin ang mga numero nang may katumpakan at istilo. Mula sa mga simpleng numeric input hanggang sa mga interactive na slider na may currency formatting - ang Number field ay nagbibigay ng pagpapatunay, pag-format, at isang magandang karanasan ng user.
Koleksyon ng Smart Number na may Built-In na Pagpapatunay
Perpekto para sa:
Mga Makapangyarihang Tampok para sa Bawat Gamit
🎯 Tumpak na Kontrol sa Pagpapatunay
Pinakamababang/Maximum na mga Hangganan
Itakda ang pinakamababa at pinakamataas na pinapayagang mga halaga. Pigilan ang mga di-wastong entry bago isumite gamit ang built-in na pagpapatunay ng browser.
Kontrol ng Sukat ng Hakbang
Tukuyin ang mga halaga ng pagtaas – mga buong numero (1), kalahating hakbang (0.5), o mga tumpak na desimal (0.01) para sa pera.
Halimbawa:
- Patlang ng edad: Minimum na 18, Max na 100, Hakbang 1
- Patlang ng presyo: Min 0, Max 10000, Hakbang 0.01
- Rating: Minimum 1, Max 5, Hakbang 0.5
💰 Matalinong Pag-format ng Numero
Maramihang Mga Pagpipilian sa Format:
- Plain Number – Simpleng input ng numero (123)
- Pera – Pera na may mga simbolo ($123.00, €123.00, £123.00)
- Porsyento – Awtomatikong idadagdag ang simbolo ng % (85%)
- Desimal – Nakatakdang mga decimal place (123.45)
Mga Simbolo ng Pasadyang Pera
Sinusuportahan ang anumang pera: $, €, £, ¥, ₹, at higit pa – perpekto para sa mga internasyonal na anyo.
Decimal Precision
Kontrolin ang mga decimal place mula 0 hanggang 4 na digit para sa eksaktong mga kalkulasyon.
Interactive Slider Mode
Pagpili ng Biswal na Numero
Gawing magagandang slider ang mga input ng numero. Nag-slide ang mga user para pumili ng mga value – perpekto para sa mga rating, saklaw, at kagustuhan.
Nako-customize na Hitsura
- Pumili ng kulay ng slider na babagay sa iyong brand
- Ipakita/itago ang kasalukuyang pagpapakita ng halaga
- Makinis na animation at transition
Mainam para sa:
- Mga rating ng kasiyahan (1-10)
- Mga saklaw ng badyet ($0-$5000)
- Mga tagapili ng edad
- Mga antas ng prayoridad
- Anumang pagpipilian ng saklaw
🔀 Lohikang Kondisyonal
Smart Field Visibility
Ipakita o itago ang field na ito ng numero batay sa iba pang mga halaga ng field. Gumawa ng mga dynamic na form na umaangkop sa input ng user.
Mga Panuntunan sa Advanced na Lohika:
- AT Lohika – Dapat matugunan ang lahat ng kundisyon
- Lohika ng O – Anumang kundisyon ay maaaring mag-trigger ng aksyon
- 8 Operator – Katumbas, Hindi katumbas, Mas malaki kaysa sa, Mas mababa sa, Naglalaman, Walang laman, at higit pa
Gumamit ng Mga Kaso:
- Ipakita lamang ang "Bilang ng mga bisita" kapag may tsek na "Magdala ng mga bisita?"
- Ipakita ang “Saklaw ng badyet” kapag ang uri ng serbisyo ay katumbas ng “Premium”
- Itago ang “Discount code” kapag ang kabuuang order ay mas mababa sa $50
- Ipakita ang mga opsyon na may limitasyon sa edad kapag ang edad ay higit sa 1
🎨 Buong Pag-customize
- Mga pasadyang klase ng CSS
- Nakatagong mode ng field
- Mga input na na-optimize para sa mobile
- Suporta sa pagiging naa-access
- Pagsasama sa lahat ng mga tampok ng form
- Laki ng Hakbang, Halaga ng Simula
- Pinakamababa/Pinakamataas na Pinapayagang Halaga
- Nakatagong Patlang, Nakatagong Halaga
⚙️ Matalinong Pag-configure
Mga Default na Halaga
Punan muna ang mga field gamit ang mga panimulang numero upang gabayan ang mga user o mapabilis ang pagkumpleto.
Teksto ng Placeholder
Magpakita ng mga kapaki-pakinabang na pahiwatig tulad ng “Ilagay ang dami” o “Iyong edad” bago mag-type ang mga user.
Text ng Tulong
Magdagdag ng mga paglalarawan upang linawin kung anong mga numero ang ilalagay.
Simpleng Pag-setup sa 3 Hakbang
Ihanda ang iyong Dropdown Field sa loob ng ilang minuto
Idagdag ang Patlang ng Numero
I-drag at i-drop ang field na Numero mula sa seksyong Pangunahing mga Patlang papunta sa iyong form.
Magtakda ng mga Panuntunan sa Pagpapatunay
I-configure ang mga minimum/maximum na halaga, laki ng hakbang, at panimulang halaga para makontrol kung anong mga numero ang maaaring ilagay ng mga user.
Pumili ng Format at Estilo
Pumili ng plain, currency, percentage, o decimal na format. Maaari ring paganahin ang slider mode para sa visual na pagpili.
🎉 Iyon lang! Handa na ang iyong number field gamit ang smart validation at formatting.
Mga Real-World Application
E-Commerce at mga Order
- Mga tagapili ng dami ng produkto
- Mga filter ng saklaw ng presyo
- Mga input ng porsyento ng diskwento
- Bilang at kabuuan ng mga item
Mga Survey at Rating
- Mga marka ng kasiyahan (1-10)
- Mga star rating
- Mga ranggo ng prayoridad
- Mga iskala ng posibilidad
Kalusugan at Kalusugan
- Pagsubaybay sa timbang
- Mga sukat ng taas
- Mga pag-uulit ng ehersisyo
- Mga calculator ng BMI
Mga Booking at Reservation
- Bilang ng mga bisita/dalo
- Dami ng silid
- Tagal sa oras/araw
- Laki ng party
Mga Form ng Application
- Pag-verify ng edad
- Taon ng karanasan
- Mga inaasahan sa suweldo
- Mga hanay ng badyet
Negosyo at Pananalapi
- Mga input ng kita
- Mga halaga ng pamumuhunan
- Mga porsyento ng ROI
- Mga rate ng komisyon
Kumpletong Mga Opsyon sa Patlang
Pangunahing Configuration
- Label ng Patlang – Ang pamagat na ipinapakita sa itaas ng patlang ng numero
- Teksto ng Paglalarawan/Tulong – Karagdagang gabay para sa mga gumagamit
- Kinakailangang Patlang – Gawing mandatory ang pagpasok ng numero
- Teksto ng Placeholder – Pahiwatig na teksto bago maglagay ng numero ang mga gumagamit
Mga Setting ng Pagpapatunay
- Pinakamababang Pinapayagang Halaga (Min) – Pinakamaliit na katanggap-tanggap na numero
- Pinakamataas na Pinapayagang Halaga (Max) – Pinakamalaking katanggap-tanggap na bilang
- Laki ng Hakbang – Pagdaragdag ng halaga (1, 0.5, 0.01, atbp.)
- Panimulang Halaga – Paunang napunang default na numero
Pag-format ng Numero
- Format ng Display
- Plain Number
- Pera (may simbolo)
- Porsyento (%)
- Desimal (mga nakapirming lugar)
currency Symbol – $, €, £, ¥, ₹ (kapag ang format ay Currency)
Mga Desimal na Lugar – 0, 1, 2, 3, o 4 na numero (kapag ang format ay Decimal)
Mga Opsyon sa Slider
- Ipakita bilang Slider – Paganahin ang interactive slider mode
- Kulay ng Slider – Pasadyang tagapili ng kulay para sa pagba-brand
- Ipakita ang Numero sa Katabi ng Slider – Ipakita ang kasalukuyang halaga
Makatarungang Lohika
- Paganahin ang kondisyong Logic – Ipakita/itago batay sa mga kundisyon
Uri ng lohika- Dapat matugunan ang lahat ng mga kundisyon (AT)
- Maaaring matugunan ang anumang kundisyon (O)
- Mga Panuntunan sa Kondisyon
- Ipakita itago – Aksyon na dapat gawin
- Patlang – Aling patlang ang susuriin
- Opereytor – Katumbas, Hindi katumbas, Naglalaman ng, Mas malaki kaysa sa, Mas mababa sa, Walang laman, Hindi walang laman
- halaga – Halaga ng paghahambing
- Maramihang Kondisyon – Magdagdag ng walang limitasyong mga patakaran
Mga Advanced na Pagpipilian
- Nakatagong Patlang na Mode – Gamitin bilang nakatagong field na may paunang itinakdang halaga
- Mga Pasadyang Klase ng CSS – Maglagay ng pasadyang estilo
- Mga Katangian ng Accessibility – Mga label at paglalarawan ng ARIA
Bakit Piliin ang Aming Patlang ng Numero?
✅ tumpak – Pinipigilan ng eksaktong min/max na pagpapatunay ang mga hindi wastong entry
✅ Nababaluktot – Maraming format para sa anumang gamit
✅ Ng paningin – Lumilikha ang slider mode ng mga nakakaengganyong interaksyon
✅ Matalino – Ang lohikang kondisyonal ay lumilikha ng mga dinamikong anyo
✅ User-Friendly – I-clear ang mga mensahe ng pagpapatunay na gagabay sa mga gumagamit
✅ Propesyonal – Naka-built in na ang format ng pera at porsyento
✅ Na-optimize ang Mobile – Mga perpektong keyboard para sa numero sa mga mobile device
✅ Ganap na naisama – Gumagana nang walang putol sa lahat ng mga tampok ng form
Mga Madalas Itanong
T: Ano ang pagkakaiba ng Min/Max at validation?
A: Ang mga setting ng Min/Max ay nagbibigay ng agarang pagpapatunay sa antas ng browser. Hindi maaaring magsumite ang mga user ng mga hindi wastong numero, kaya't walang error at madaling gamitin ang mga form.
T: Maaari ba akong gumamit ng mga decimal na numero?
A: Oo! Itakda ang halaga ng Hakbang upang kontrolin ang mga decimal. Gamitin ang 0.01 para sa pera (mga presyo), 0.1 para sa isang decimal place, o anumang pasadyang hakbang.
T: Paano gumagana ang slider sa mobile?
A: Ang mga slider ay naka-optimize para sa pagpindot at gumagana nang maayos sa mga mobile device.
T: Maaari ba akong mangolekta ng mga negatibong numero?
A: Oo naman! Magtakda ng negatibong Min value (hal., Min: -100, Max: 100) para payagan ang mga negatibong numero.
T: Anong mga simbolo ng pera ang sinusuportahan?
A: Kahit anong simbolo! Maglagay ng $, €, £, ¥, ₹, o anumang pasadyang simbolo na hanggang 3 karakter.
T: Maaari ko bang gamitin ang conditional logic batay sa mga paghahambing ng numero?
A: Oo! Gumamit ng mga operator tulad ng “Greater than”, “Less than”, at “Equals” upang lumikha ng lohika batay sa mga numeric value.
T: Paano ako lilikha ng field na may porsyento?
A: Piliin ang “Porsyento (%)” bilang Format ng Display. Awtomatikong lilitaw ang simbolong %, at ilalagay ng mga user ang mga halaga mula 0–100.
T: Maaari ko bang baguhin ang kulay ng slider?
A: Oo! Kapag naka-enable ang slider mode, maaari kang pumili ng kahit anong kulay gamit ang color picker.
T: Ano ang mangyayari kung ang mga gumagamit ay naglagay ng mga numero sa labas ng saklaw?
A: Itinitigil ng pagpapatunay ng browser ang pagsusumite at nagpapakita ng mensahe ng error tulad ng "Ang halaga ay dapat nasa pagitan ng 1 at 100."
T: Maaari ko bang gamitin ang field ng numero para sa mga kalkulasyon?
A: Oo! Ang mga halaga ng field ng numero ay gumagana sa mga kondisyonal na paghahambing at sa mga kalkulasyon sa pagproseso ng iyong form.
T: Gaano katumpakan ang mga numerong desimal?
A: Maaari kang magtakda ng mga decimal place mula 0 hanggang 4 na digit, at ang mga step value ay maaaring maging kasing tumpak kung kinakailangan (hal., 0.001).
