ฟิลด์หมายเลข
รวบรวมตัวเลขได้อย่างแม่นยำและมีสไตล์ ตั้งแต่การป้อนตัวเลขแบบง่ายๆ ไปจนถึงแถบเลื่อนแบบโต้ตอบพร้อมการจัดรูปแบบสกุลเงิน ช่องป้อนตัวเลขนี้มีฟังก์ชันตรวจสอบความถูกต้อง การจัดรูปแบบ และประสบการณ์การใช้งานที่สวยงาม
ระบบรวบรวมหมายเลขโทรศัพท์อัจฉริยะพร้อมระบบตรวจสอบความถูกต้องในตัว
เหมาะสำหรับ:
คุณสมบัติทรงพลังที่ตอบโจทย์ทุกการใช้งาน
🎯 การควบคุมการตรวจสอบความถูกต้องที่แม่นยำ
ขอบเขตค่าต่ำสุด/สูงสุด
กำหนดค่าต่ำสุดและสูงสุดที่อนุญาต ป้องกันการป้อนข้อมูลที่ไม่ถูกต้องก่อนส่งด้วยระบบตรวจสอบความถูกต้องของเบราว์เซอร์ในตัว
การควบคุมขนาดขั้น
กำหนดค่าเพิ่มขึ้น – จำนวนเต็ม (1), ครึ่งขั้น (0.5) หรือทศนิยมที่แม่นยำ (0.01) สำหรับสกุลเงิน
ตัวอย่าง:
- ช่องอายุ: ขั้นต่ำ 18 ปี ขั้นสูงสุด 100 ปี ขั้นตอนที่ 1
- ช่องราคา: ต่ำสุด 0, สูงสุด 10000, ขั้นละ 0.01
- ระดับคะแนน: ต่ำสุด 1, สูงสุด 5, ขั้นละ 0.5
💰 การจัดรูปแบบหมายเลขอัจฉริยะ
ตัวเลือกหลายรูปแบบ:
- ตัวเลขธรรมดา – การป้อนตัวเลขแบบง่าย (123)
- สกุลเงิน – เงินที่มีสัญลักษณ์กำกับ ($123.00, €123.00, £123.00)
- เปอร์เซ็นต์ – เพิ่มสัญลักษณ์ % โดยอัตโนมัติ (85%)
- ทศนิยม – จำนวนทศนิยมคงที่ (123.45)
สัญลักษณ์สกุลเงินแบบกำหนดเอง
รองรับทุกสกุลเงิน: ดอลลาร์ ยูโร ปอนด์ เยน รูปี และอื่นๆ – เหมาะอย่างยิ่งสำหรับแบบฟอร์มระหว่างประเทศ
ความแม่นยำทศนิยม
ควบคุมจำนวนทศนิยมให้อยู่ระหว่าง 0 ถึง 4 หลัก เพื่อการคำนวณที่แม่นยำยิ่งขึ้น
โหมดสไลเดอร์แบบโต้ตอบ
การเลือกหมายเลขภาพ
แปลงช่องป้อนตัวเลขให้เป็นแถบเลื่อนที่สวยงาม ผู้ใช้สามารถเลื่อนเพื่อเลือกค่าต่างๆ ได้ เหมาะอย่างยิ่งสำหรับการให้คะแนน ช่วงค่า และการตั้งค่าต่างๆ
ลักษณะที่ปรับแต่งได้
- เลือกสีตัวเลื่อนให้เข้ากับแบรนด์ของคุณ
- แสดง/ซ่อนค่าปัจจุบัน
- แอนิเมชั่นและการเปลี่ยนฉากที่ราบรื่น
เหมาะสำหรับ:
- ระดับความพึงพอใจ (1-10)
- งบประมาณมีหลากหลายระดับ (0-5000 ดอลลาร์สหรัฐ)
- ตัวเลือกอายุ
- ระดับความสำคัญ
- การเลือกช่วงใดก็ได้
🔀 ตรรกะแบบมีเงื่อนไข
การมองเห็นสนามอัจฉริยะ
แสดงหรือซ่อนช่องตัวเลขนี้โดยอิงจากค่าในช่องอื่นๆ สร้างแบบฟอร์มแบบไดนามิกที่ปรับเปลี่ยนตามข้อมูลที่ผู้ใช้ป้อน
กฎตรรกะขั้นสูง:
- ตรรกะ AND – ต้องเป็นไปตามเงื่อนไขทั้งหมด
- ตรรกะแบบ OR – เงื่อนไขใดๆ ก็สามารถกระตุ้นการกระทำนี้ได้
- ตัวดำเนินการ 8 แบบ – เท่ากับ ไม่เท่ากับ มากกว่า น้อยกว่า มีอยู่ ว่างเปล่า และอื่นๆ
ใช้กรณี:
- แสดง "จำนวนแขก" เฉพาะเมื่อเลือกช่องทำเครื่องหมาย "พาแขกมาด้วยหรือไม่?"
- แสดง “ช่วงงบประมาณ” เมื่อประเภทบริการเท่ากับ “พรีเมียม”
- ซ่อนช่อง “รหัสส่วนลด” เมื่อยอดสั่งซื้อรวมน้อยกว่า 50 ดอลลาร์
- แสดงตัวเลือกที่จำกัดอายุเมื่ออายุมากกว่า 1 ปี
🎨 ปรับแต่งได้เต็มที่
- คลาส CSS แบบกำหนดเอง
- โหมดฟิลด์ซ่อน
- อินพุตที่ปรับให้เหมาะสมสำหรับอุปกรณ์เคลื่อนที่
- รองรับการเข้าถึง
- การผสานรวมกับคุณสมบัติทั้งหมดของแบบฟอร์ม
- ขนาดขั้น, ค่าเริ่มต้น
- ค่าต่ำสุด/สูงสุดที่อนุญาต
- ฟิลด์ที่ซ่อนอยู่ ค่าที่ซ่อนอยู่
⚙️ การกำหนดค่าอัจฉริยะ
ค่าเริ่มต้น
กรอกข้อมูลในช่องต่างๆ ด้วยตัวเลขเริ่มต้น เพื่อเป็นแนวทางให้ผู้ใช้หรือช่วยให้กรอกข้อมูลได้เร็วขึ้น
ข้อความตัวยึดตำแหน่ง
แสดงคำแนะนำที่เป็นประโยชน์ เช่น “กรอกจำนวน” หรือ “อายุของคุณ” ก่อนที่ผู้ใช้จะพิมพ์ข้อความ
ข้อความช่วยเหลือ
เพิ่มคำอธิบายเพื่อชี้แจงว่าต้องป้อนตัวเลขใดบ้าง
ตั้งค่าได้ง่ายๆ เพียง 3 ขั้นตอน
เตรียมช่องดรอปดาวน์ของคุณให้พร้อมใช้งานได้ภายในไม่กี่นาที
เพิ่มช่องตัวเลข
ลากและวางช่องข้อมูลตัวเลขจากส่วนช่องข้อมูลพื้นฐานลงในแบบฟอร์มของคุณ
ตั้งค่ากฎการตรวจสอบความถูกต้อง
กำหนดค่าต่ำสุด/สูงสุด ขนาดช่วง และค่าเริ่มต้น เพื่อควบคุมว่าผู้ใช้สามารถป้อนตัวเลขใดได้บ้าง
เลือกรูปแบบและสไตล์
เลือกรูปแบบการแสดงผลแบบธรรมดา สกุลเงิน เปอร์เซ็นต์ หรือทศนิยม สามารถเปิดใช้งานโหมดแถบเลื่อนเพื่อเลือกแบบเห็นภาพได้ (ถ้าต้องการ)
🎉 แค่นั้นเอง! ช่องป้อนตัวเลขของคุณพร้อมใช้งานแล้ว พร้อมระบบตรวจสอบความถูกต้องและการจัดรูปแบบอัจฉริยะ
แอปพลิเคชั่นในโลกแห่งความจริง
อีคอมเมิร์สและการสั่งซื้อ
- ตัวเลือกปริมาณสินค้า
- ตัวกรองช่วงราคา
- เปอร์เซ็นต์ส่วนลดที่ใช้ได้
- จำนวนรายการและยอดรวม
แบบสำรวจและการให้คะแนน
- คะแนนความพึงพอใจ (1-10)
- การจัดระดับดาว
- การจัดลำดับความสำคัญ
- มาตราส่วนความน่าจะเป็น
ฟิตเนสและสุขภาพ
- การติดตามน้ำหนัก
- การวัดส่วนสูง
- จำนวนครั้งของการออกกำลังกาย
- เครื่องคำนวณดัชนีมวลกาย (BMI)
การจองและการสำรองที่นั่ง
- จำนวนแขก/ผู้เข้าร่วมงาน
- จำนวนห้อง
- ระยะเวลาเป็นชั่วโมง/วัน
- ขนาดปาร์ตี้
แบบฟอร์มใบสมัคร
- การตรวจสอบอายุ
- ปีแห่งประสบการณ์
- เงินเดือนที่คาดหวัง
- ช่วงงบประมาณ
ธุรกิจการเงิน
- ปัจจัยนำเข้าด้านรายได้
- จำนวนเงินลงทุน
- เปอร์เซ็นต์ ROI
- อัตราค่าคอมมิชชั่น
ตัวเลือกฟิลด์ที่สมบูรณ์
การกำหนดค่าพื้นฐาน
- เลเบลของฟิลด์ – ชื่อเรื่องที่แสดงอยู่เหนือช่องตัวเลข
- คำอธิบาย/ข้อความช่วยเหลือ – คำแนะนำเพิ่มเติมสำหรับผู้ใช้งาน
- ช่องที่จำเป็น – กำหนดให้การป้อนหมายเลขเป็นสิ่งจำเป็น
- ข้อความตัวยึดตำแหน่ง – แสดงข้อความแนะนำก่อนที่ผู้ใช้จะป้อนตัวเลข
การตั้งค่าการตรวจสอบ
- ค่าต่ำสุดที่อนุญาต (Min) – จำนวนที่น้อยที่สุดที่ยอมรับได้
- ค่าสูงสุดที่อนุญาต (Max) – จำนวนที่ยอมรับได้มากที่สุด
- ขนาดขั้นตอน – ค่าเพิ่มขึ้น (1, 0.5, 0.01 เป็นต้น)
- ค่าเริ่มต้น – หมายเลขเริ่มต้นที่กรอกไว้ล่วงหน้า
จัดรูปแบบตัวเลข
- รูปแบบการแสดง
- หมายเลขธรรมดา
- สกุลเงิน (พร้อมสัญลักษณ์)
- เปอร์เซ็นต์ (%)
- เลขฐานสิบ (จำนวนหลักคงที่)
สัญลักษณ์สกุลเงิน – ดอลลาร์, ยูโร, ปอนด์, เยน, รูปี (เมื่อรูปแบบเป็นสกุลเงิน)
ตำแหน่งทศนิยม – 0, 1, 2, 3 หรือ 4 หลัก (เมื่อรูปแบบเป็นทศนิยม)
ตัวเลือกสไลเดอร์
- แสดงเป็นสไลเดอร์ – เปิดใช้งานโหมดสไลเดอร์แบบโต้ตอบ
- สีของสไลเดอร์ – ตัวเลือกสีแบบกำหนดเองสำหรับงานสร้างแบรนด์
- แสดงหมายเลขถัดจากแถบเลื่อน – แสดงค่าปัจจุบัน
ตรรกะเชิงเงื่อนไข
- เปิดใช้งานตามเงื่อนไขลอจิก – แสดง/ซ่อนตามเงื่อนไข
ประเภทลอจิก- ต้องเป็นไปตามเงื่อนไขทั้งหมด (และ)
- เงื่อนไขใดๆ ก็สามารถบรรลุได้ (หรือ)
- กฎเกณฑ์เงื่อนไข
- แสดงซ่อน – การดำเนินการที่ต้องทำ
- สนาม – ควรเลือกช่องใด
- ผู้ประกอบการ – เท่ากับ, ไม่เท่ากับ, มีอยู่, มากกว่า, น้อยกว่า, ว่างเปล่า, ไม่ว่างเปล่า
- ความคุ้มค่า – ค่าเปรียบเทียบ
- หลายเงื่อนไข – เพิ่มกฎได้ไม่จำกัดจำนวน
ตัวเลือกขั้นสูง
- โหมดฟิลด์ซ่อน – ใช้เป็นฟิลด์ซ่อนที่มีค่าที่กำหนดไว้ล่วงหน้า
- คลาส CSS แบบกำหนดเอง – ปรับแต่งสไตล์ตามต้องการ
- คุณสมบัติการเข้าถึง – ป้ายกำกับและคำอธิบาย ARIA
เหตุใดจึงควรเลือกใช้ระบบหมายเลขของเรา?
✅ แม่นยำ – การตรวจสอบค่าต่ำสุด/สูงสุดที่แม่นยำช่วยป้องกันการป้อนข้อมูลที่ไม่ถูกต้อง
✅ เรามีความยืดหยุ่น – มีหลายรูปแบบให้เลือกใช้ตามความต้องการ
✅ ของ Visual – โหมดสไลเดอร์ช่วยสร้างปฏิสัมพันธ์ที่น่าสนใจ
✅ สมาร์ท – ตรรกะแบบมีเงื่อนไขสร้างแบบฟอร์มแบบไดนามิก
✅ ที่ใช้งานง่าย – ข้อความยืนยันที่ชัดเจนจะช่วยแนะนำผู้ใช้
✅ มืออาชีพ – มีฟังก์ชันจัดรูปแบบสกุลเงินและเปอร์เซ็นต์ในตัว
✅ เหมาะสำหรับมือถือ – แป้นพิมพ์ตัวเลขที่สมบูรณ์แบบบนอุปกรณ์มือถือ
✅ บูรณาการอย่างเต็มที่ – ใช้งานร่วมกับฟีเจอร์ต่างๆ ของแบบฟอร์มได้อย่างราบรื่น
คำถามที่พบบ่อย
ถาม: ความแตกต่างระหว่างค่าต่ำสุด/สูงสุดและการตรวจสอบความถูกต้องคืออะไร?
A: การตั้งค่าค่าต่ำสุด/สูงสุดช่วยตรวจสอบความถูกต้องในระดับเบราว์เซอร์ได้ทันที ผู้ใช้ไม่สามารถป้อนตัวเลขที่ไม่ถูกต้องได้ ทำให้แบบฟอร์มปราศจากข้อผิดพลาดและใช้งานง่าย
ถาม: ฉันสามารถใช้ตัวเลขทศนิยมได้หรือไม่?
A: ใช่! ตั้งค่า Step เพื่อควบคุมจำนวนทศนิยม ใช้ 0.01 สำหรับสกุลเงิน (ราคา) 0.1 สำหรับทศนิยมหนึ่งตำแหน่ง หรือตั้งค่าเองได้ตามต้องการ
ถาม: ตัวเลื่อนใช้งานบนมือถืออย่างไร?
A: แถบเลื่อนได้รับการออกแบบให้เหมาะกับการใช้งานแบบสัมผัสและทำงานได้อย่างราบรื่นบนอุปกรณ์เคลื่อนที่
ถาม: ฉันสามารถเก็บรวบรวมตัวเลขติดลบได้หรือไม่?
A: ได้เลย! กำหนดค่า Min เป็นค่าลบ (เช่น Min: -100, Max: 100) เพื่อให้สามารถใช้ตัวเลขติดลบได้
ถาม: รองรับสัญลักษณ์สกุลเงินใดบ้าง?
A: สัญลักษณ์ใดก็ได้! ป้อน $, €, £, ¥, ₹ หรือสัญลักษณ์ที่กำหนดเองได้สูงสุด 3 ตัวอักษร
ถาม: ฉันสามารถใช้ตรรกะแบบมีเงื่อนไขโดยอิงจากการเปรียบเทียบตัวเลขได้หรือไม่?
A: ใช่แล้ว! ใช้ตัวดำเนินการ เช่น "มากกว่า" "น้อยกว่า" และ "เท่ากับ" เพื่อสร้างตรรกะโดยอิงจากค่าตัวเลข
ถาม: ฉันจะสร้างช่องข้อมูลเปอร์เซ็นต์ได้อย่างไร?
A: เลือก “เปอร์เซ็นต์ (%)” เป็นรูปแบบการแสดงผล สัญลักษณ์ % จะปรากฏขึ้นโดยอัตโนมัติ และผู้ใช้สามารถป้อนค่าได้ตั้งแต่ 0–100
ถาม: ฉันสามารถเปลี่ยนสีของแถบเลื่อนได้หรือไม่?
A: ใช่! เมื่อเปิดใช้งานโหมดสไลเดอร์ คุณสามารถเลือกสีใดก็ได้โดยใช้ตัวเลือกสี
ถาม: จะเกิดอะไรขึ้นหากผู้ใช้ป้อนตัวเลขที่อยู่นอกช่วงที่กำหนด?
A: การตรวจสอบความถูกต้องของเบราว์เซอร์จะหยุดการส่งข้อมูลและแสดงข้อความแสดงข้อผิดพลาด เช่น “ค่าต้องอยู่ระหว่าง 1 ถึง 100”
ถาม: ฉันสามารถใช้ช่องตัวเลขสำหรับการคำนวณได้หรือไม่?
A: ใช่! ค่าตัวเลขในช่องข้อมูลสามารถใช้ในการเปรียบเทียบแบบมีเงื่อนไขและการคำนวณในขั้นตอนการประมวลผลแบบฟอร์มของคุณได้
ถาม: ตัวเลขทศนิยมมีความแม่นยำได้มากแค่ไหน?
A: คุณสามารถตั้งค่าจำนวนทศนิยมได้ตั้งแต่ 0 ถึง 4 หลัก และค่าขั้นตอนสามารถมีความแม่นยำได้ตามต้องการ (เช่น 0.001)
