เหตุผลที่ทีมออกแบบ Gov.UK เปลี่ยนการกรอกตัวเลขใน input box เป็น numeric
(technology.blog.gov.uk)-
เปลี่ยนจาก
type="number"แบบเดิม เป็นtype="text" inputmode="numeric" pattern="[0-9]*" -
หากใช้
numberจะมีปัญหาหลายอย่าง
-
ปัญหาด้านการเข้าถึง
-
เหมาะเฉพาะกับตัวเลขที่สามารถเพิ่มหรือลดค่าได้: ไม่เหมาะกับตัวเลขขนาดใหญ่ หมายเลขบัตร ฯลฯ
-
เมื่อป้อนตัวอักษร จะไม่มีการแจ้งเตือนว่ามีอักขระใดที่ป้อนไม่ได้
-
ตัวเลขอาจเปลี่ยนโดยไม่ตั้งใจจากการเลื่อนสกรอลล์
-
หลังปี 2019 เป็นต้นมา ตอนนี้มือถือเบราว์เซอร์จำนวนมากรองรับ
inputmodeแล้ว -
ใช้
patternเพื่อคงความเข้ากันได้กับอุปกรณ์ iOS รุ่นเก่า -
มีการเปลี่ยนให้ช่องกรอกวันที่/ช่องกรอกบัญชีธนาคาร ฯลฯ ใช้รูปแบบเดียวกันด้วย
ยังไม่มีความคิดเห็น