• เปลี่ยนจาก type="number" แบบเดิม เป็น type="text" inputmode="numeric" pattern="[0-9]*"

  • หากใช้ number จะมีปัญหาหลายอย่าง

  1. ปัญหาด้านการเข้าถึง

  2. เหมาะเฉพาะกับตัวเลขที่สามารถเพิ่มหรือลดค่าได้: ไม่เหมาะกับตัวเลขขนาดใหญ่ หมายเลขบัตร ฯลฯ

  3. เมื่อป้อนตัวอักษร จะไม่มีการแจ้งเตือนว่ามีอักขระใดที่ป้อนไม่ได้

  4. ตัวเลขอาจเปลี่ยนโดยไม่ตั้งใจจากการเลื่อนสกรอลล์

  • หลังปี 2019 เป็นต้นมา ตอนนี้มือถือเบราว์เซอร์จำนวนมากรองรับ inputmode แล้ว

  • ใช้ pattern เพื่อคงความเข้ากันได้กับอุปกรณ์ iOS รุ่นเก่า

  • มีการเปลี่ยนให้ช่องกรอกวันที่/ช่องกรอกบัญชีธนาคาร ฯลฯ ใช้รูปแบบเดียวกันด้วย

ยังไม่มีความคิดเห็น

ยังไม่มีความคิดเห็น